Mi problema creo que es el mismo, no es otro que el menu aparece descolgado a la iz pero por debajo de las otras capas. Y no encerradito entre ellas. Aqui os pego el codigo aunque de todas formas yo creo que el problema quizas pueda ser, en el archivo css, por que dado el problema yo cogi y copie el codigo del curso. Asi que este codigo esta bien. Aun asi os voy a poner el codigo tanto del html como del css.
HTML
<!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>
Enlace 1Enlace 2Enlace 3
</div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
AHORA EL CODIGO DEL CSS
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#cabecera {background-color: pink}
#navegacion {background-color: gray}
#contenido {background-color: orange}; width: 800px ; float:left}
#pie {background-color: brown}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left}
#global {width:800px ; margin:4px auto}
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
a {color:blue; font-size 1.3em; text-decoration: none}
a {color:brown ; text-decoration: none; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration: underline ; background-color:silver}
a:active {}
Bueno espero que podias hechar una mano, me voy a la cama que ya no puedo mas tengo los ojos como platos.
Saludos, espero vuestra respuesta.