ayuda con el menu...me sale como si fuera otra capa!!

me aparese el "bienvenidos a mi web", luego la barra de navegacion, y luego el menu ocupando todo un espacio horizontal...

por favor ayuda!!

mi hoja de estilo es asi:

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red}
#navegacion {background-color: gray }
#contenido {background-color: orange; float:right}
#menu {background-color: yellow; width: 800px ; float:left; text-align:left }
#pie {background-color: brown}
#contenido {background-color: orange ; width: 800px ; float:left}
#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 {}



y mi plantilla es esi:




<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>

<div id="menu">
<ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <div id="contenido">Esta será la zona principal de la web</div>
    <div id="pie">Este es el pié de página</div>
    </div>

    </body>
    </html>


    plis ayuda..en que la dañe??


    GRACIAS DE ANTEMANO POR EL CURSO GRATUITO!!!...un detallaso!! :oops:
  • Hola bienvenidos/as donde todos/as aprendemos de uno y uno aprende de todos: asi por encimita veo que tiene dos capas contenido. en su hoja css
    ¿sera por eso?

    #contenido {background-color: orange; float:right}
    #contenido {background-color: orange ; width: 800px ; float:left}

    saludos.
    muchas gracias por responder a mi duda...me ayudaste a corregir un error(diferente...XD),pero...sigue estando asi lo del menu :cry:


    puede que sea de otra cosa...?

    gracias...y saludos.
    aqui tu fallo

    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    <div id="contenido">Esta será la zona principal de la web</div>

    debes tenerlo asi


    <div id="contenido">
    <div id="menu">
    <ul>
  • Enlace 1
  • Enlace 2
  • Enlace 3
  • Enlace 4
    </div>
    Esta será la zona principal de la web</div>

    ya que...e l menu va dentro de contenido verdad???

    saludos