Problema con capa de divs

Mi problema es que quiero que en mi capa de divs donde dice Bienvenidos a mi web que el background se haga amarillo pero no sale. Aqui esta el codigo de plantilla.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="cabecera">Bienvenidos a mi Web</div>
</body>
</html>

Aqui esta el codigo de mi estilo-general.css:

#cabecera{background-color:pink}
#navegacion{background-color:gray} :roll:
Cambia: #cabecera{background-color:pink}

Por: #cabecera{background-color:yellow}

No?

Saludos.
no pero no es que me salia el color rosa y el amarillo no, el problema es que no me aparece ningun color.
Y seguro que tu hoja de estilos se llama "estilo-general.css"? porque probé tu código y no tiene otros errores.
me fije como se llama la hoja de estilos otra vez y en el workspace dice que se llama estilos-general.css pero en mis documentos dice que se llama estilos-general
Pues ya encontré el problema:

Cambia:

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> 

Por:

<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all"> 

Si te fijas, en tu página le llamas "estilo-general.css" y en realidad la hoja de estilos se llama "estilos-general.css

Espero que sea eso,
Saludos.