esyoy diseñando mi pagina web no se ven los colores

hola a todos pues hasta ahora todo me salia segun las instrucciones, pero solo que los colores no se ven como deverian esta es mi pagina de estilos.css
body {background-color: #E6E6FA ;
background-image: url(objetos/fondo.png) ;
background-repeat: no-repeat ;
background-position: center center }
img {border-style: none}
.centrado {text-align:center}
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange}
#pie {background-color: brown}
y esta es mi htlm
<!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>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</body>
</html>

espero que alguien me pueda orientar.. gracias
Hola:

Si dices que la hoja css se denomina estilos.css, tambien tiene que tener esta denominacion aqui
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all"> y no estilo-general.css

Saludos
Yo también tengo problemas con el color de las DIV y no puedo encontrar el error:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html><head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body> <div>Bienvenidos a mi Web</div> </body>
</html>

#cabecera {background-color:pink}

Desde ya muchas gracias por tantas molestias Laura
Lo primero cuando quieras postear algo abre un nuevo tema.

Como quieres que te la capa cabecera tengo color si no la nombras en el html.

<div id="cabecera"></div>

Repasa el curso.