No me sale el recuadro amarillo para poner el menú

Hola, todo iba bien hasta que puse las indicaciones para el menú, he aquí lo que tengo a ver que está mal.
En la hoja de estilo-general.css:
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 li {list-style:none; background-color:blue; width:150px; float:left}
#pie {background-color:brown}

En plantilla.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 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta sera la zona principal de la web
    </div>

    <div id="pie">Este es el pié de página</div>
    </div>


    </body>
    </html>
    Lo que sale en preview es la raya rosa, la gris, la naranja se hizo más grande y centrado aparece la lista con puntos y en ese mismo espacio pero más abajo "Esta será la zona principal de la web" y la café.

    URGENTE
  • buen dia diana tu error es por aqui

    #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}
    #menu li {list-style:none;}
    #pie {background-color:brown}


    <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 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta sera la zona principal de la web
    </div>

    <div id="pie">Este es el pié de página</div>
    </div>


    </body>
    </html>

    los errores los marque con rojos
    tenias mal los codigos en html tenias de mas un # en el menu que no debe ir ahi
    el la hoja de estilos pues parece que borraste la capa de #menu y sus propiedades y la pusiste en la lista de #menu li

    sigue el curso

    suerte y saludos
  • methodman008 escribió:buen dia diana tu error es por aqui

    #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}
    #menu li {list-style:none;}
    #pie {background-color:brown}


    <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 1
  • Enlace 2
  • Enlace 3

    </div>
    Esta sera la zona principal de la web
    </div>

    <div id="pie">Este es el pié de página</div>
    </div>


    </body>
    </html>

    los errores los marque con rojos
    tenias mal los codigos en html tenias de mas un # en el menu que no debe ir ahi
    el la hoja de estilos pues parece que borraste la capa de #menu y sus propiedades y la pusiste en la lista de #menu li

    sigue el curso

    suerte y saludos

  • Muchísimas gracias, ahora si ya me salió.