Problemas con las capas o divs.

Hola foro.

Perdon si este no es el lugar indicado para postear esto, pero tengo problemas para darle color de fondo a mis sectores de la web.
Para que puedan notar en donde me quede y ver a su ves por donde voy les dejo el link del paso que estoy siguiendo.

http://www.comocreartuweb.com/html-kit-tutorial/tutorial-html-kit-l…

y no logro que termine asi

http://www.comocreartuweb.com/html-kit-tutorial/ejemplos/plantilla-…

Esto es tal cual llegue a crear

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

y aqui esta lo que puse en estilos-general.css

#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange }
#pie {background-color: brown }

(Disculpen si para muchos este problema no significa nada o me toman de newbie, pero es que empese con este proyecto y lo quiero mejorar.)

Practicamente el resultado es nulo, no puedo llegar a colocar los colores de fondo y esto me esta volviendo loco. Agradeceria la posible ayuda.

Muchas Gracias.
Creo que llamaste estilos-general.css a tu hoja de estilos, pero en la index lo llamaste estilo-general.css , si es asi, ponles el mismo nombre y listo, andara bien.
Yaneth muchas gracias por tu respuesta, la verdad me parecio muy util la informacion.

spitfire2, gracias por la respuesta muy detallada: Ese en realidad habia sido el problema y como me estaba volviendo loco tratando de encontrar la falla me habia olvidado de notar esa letra faltante. Ahora todo anda a la perfeccion. Muchas Gracias.

Gracias por la ayuda!

Tema Resuelto :D