dudas en "estilos para listas"(leccion 2)

haber, poniendo los "enlaces del menú", sale todo un poco descuadrado, en la explicación dice que mas adelante de soluciona.
Cuando llego a "estilos para listas" por la parte de "reparando el fallo del menú" supuestamente lo tengo todo ya mejor pero veo una cosa que me deja un poco descolocada y es esto que os voy a dejar aqui, la parte naranja donde pone" Esta zona sera....... sale a su aire centrada mas hacia la derecha, la parte gris"barra de..." sale un poco mas para adentro que la rosa y parece ser que la roja "el pie de la pagina" sale un poco mas centrado hasta la izquierda.
Mi pregunta es, es asi o yo he vuelto hacer algo mal? ¿se podria poner todo mas,centrado?

[contenido no disponible]

Uploaded with ImageShack.us

Os copio la plantilla.


<!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="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul>
<li><a href="#">enlace 1</a></li>
<li><a href="#">enlace 2</a></li>
<li><a href="#">enlace 3</a></li>
</ul>
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pie de la pagina</div>
</div>

</body>
</html>
lo de los centrado de contenido
no lo verás cuando le pongas mas contenido
pero no hay error

el texto de cabecera y navegacion
está ocupando los 800px de ancho

el centrado de contenido está bien, ya que tiene el menu a la izquierda
y el texto se centra con lo que le queda de espacio

repito, cuando le pongas todo el texto necesario verás que no hay problemas

saludops