leccion 2: problemas con el div aiutooo...

hola muchachos tengo un problemon, en la segunda leccion en "las capas o divs" me dicen de meter:

#cabecera {background-color: pink }

esto en el archivo estilo-general.css, y despues de escribir esto en el archivo plantilla.html:

<div id="cabecera">Bienvenidos a mi Web</div>

despues de esto si voy a "Preview" me tendria que salir un tipo de sombra rosada en toda la linea donde esta escrito "Bienvenidos a mi Web"

el problema es que a mi no sale ninguna sombra, nada de nada solo la escrita "Bienvenidos a mi Web", y la sombra?

ya guarde el archivo .css y nada, lo que tengo escrito en mi plantilla.html es lo siguiente:

<!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>

y lo que tengo en el archivo .css es esto:

#cabecera {background-color: pink }

que hice mal?

mil gracias por su ayuda

gabriel