No encuento el error

Despues de hacer y deshacer intentos de web y seguir vuestros consejos estoy siguiendo el curso paso a paso y me he quedado atascado en este punto.

No me sale el pe de pagina del color elegido.

El curso lo estoy siguiendo con Dreemweaver 8 pero siguiendo paso a paso todo los puntos, he revisado el codigo pero no doy con el fallo.

Os adjunto los codigos.

Plantilla
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unidad Pastoral Santa Maria de Olarizu</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>

<body>
<div id="global">
<div id="cabecera">WEB SANTA MARIA DE OLARIZU</div>
<div id="navegacion">BARRA DE NAVEGACION</div>
<div id="contenido">
	<div id="menu">
 <ul>[*] [url="#"]Catequesis Familiar[/url][*] [url="#"]Pastoral con Jovenes[/url][*] [url="#"]Pastoral con Adultos[/url][*] [url="#"]Pastoral Familiar[/url][/list]
 </div>
 ZONA PRINCIPAL DE LA WEB</div>
<div id="pie">PIE DE PAGINA</div>
</div>
</body>
</html>

Hoja de Estilos

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left; text-align:left }
#menu li { list-style:none ; margin: 4px 0px 4px 6px}
a {color: brown; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color: red; text-decoration: underline; background-color: silver}
a:active
#pie {background-color: brown}

Gracias de antemano
HOLA

ponle mas texto a la capa contenido
porque el pie se esconde de tras

si aun poniendole mas texto (tiene que ser mayor que el menu)
no se arregla nos avisas de nuevo
No entiendo esta bien??

En el ejemplo no pone mas texto y sale perfecto.

Escribir mas texto significa escribir algo como mas palabras? o sea donde pone ZONA PRINCIAL DELA WEB escribo mas cosas?

Ya me direis si he entendido bien las indicaciones de Yaneth
SANTA escribió:No entiendo esta bien??

En el ejemplo no pone mas texto y sale perfecto.

Escribir mas texto significa escribir algo como mas palabras? o sea donde pone ZONA PRINCIAL DELA WEB escribo mas cosas?

Ya me direis si he entendido bien las indicaciones de Yaneth

Hola:
Exactamente a eso se refiere, escriba más cosas en la capa contenido, para que la capa tome algo de cuerpo.

Si aún así no se le arregla, pruebe quitándo de su página lo que tiene arriba, el DOCTYPE etc. etc. etc. y ponga el que dice el curso, pero primero pruebe escribiéndo más palabras después de donde dice ZONA PRINCIPAL DE LA WEB
Saludos
Agradecido de los que aprenden enseñando
Hola, no era nada de eso era que tenia las lineas de la hoja de estilos desordenadas la del pie la tenia la ultima.

Ahora me pasa otra cosa, al ordendar las lineas y ponerlas como en el curso, si ponqo la linea
p {text-align: justify}

la ultima(estoy en la seguna leccion) todo se me ba al carajo y nop me hace caso, pero si la pongo la tercera

body {text-align: center}
p {text-align: justify}
#global {width:800px ; margin: 4px auto }

Si me hace caso a lo que dice el curso, ,mi pregunta es:

Por que pasa eso?
Gracias
hola

el css lee de arriba abajo

por ejemplo

intenta poniendo asi

body {background-color: blue}

te daràs cuenta que tu pàgina es azul

ahora, debajo de esa linea, ponle asi

body {background-color: red}

te daràs cuenta que ahora tu pagina es roja
es decir, ya no toma en cuenta la primera orden que le diste

tendrias algo aso

body {background-color: blue}
body {background-color: red}

con esto comprenderàs que tu css, lee de arriba hacia abajo
y toma como valido lo ultimo que pusiste

saludos