No me sale el menú amarillo a la izquierda

Estoy haciendo desde el principio “mis experimentos” que será mi página.

Al llegar a la altura de El Menú de la Web en la 2ª lección y al intentar poner el menú en amarillo a la izquierda, tal y como dice la lección y poner el siguiente código en la hoja Estilo General:

body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange }
#menu {background-color: yellow; width: 150px ; float:left }
#pie {background-color: brown }

Resulta que la Plantilla, sigue con las 4 barras de 4 colores:

Bienvenidos a mi Web
Barra de Navegación
Ésta será la zona principal de la web
Éste es el pie de página

Y no aparece el menú amarillo por ninguna parte que tendría que estar a la izquierda.

En la plantilla puse, tal y como dice la lección tengo el código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>

<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<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="Menú">
</div>
Ésta será la zona principal de la web
</div>
<div id="pie">Éste es el pie de página</div>
<div/>

</body>
</html>

¿Qué he hecho mal para que no me aparezca el menú amarillo a la izquierda?
si la memoria no me falla, creo que la mayuscula de Menu sobra y la tilde aun más.
<div id="Menú"> aqui ponle contenido
</div>
Ésta será la zona principal de l

saludos