Problemas con Firefox y Opera en leccion 3

Pues eso, que en algun sitio he debido meter la pata porque despues de insertar la imagen superior del menu amarillo todo va bien en el preview del kit y en el explorer pero en firefox y opera ha empezado a hacer cosas raras (no respetar margenes, pasar el menu a la dcha como si fuera float left etc) La verdad no se si es desde este punto o el error lo arrastro de un poco mas atras
¡¡¡Ayuda plis!!!

>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all" >
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id="publicidad">bienvenidos a mi pagina web</div>
</div>
<div id="navegacion">
<ul>
  • Seccion 1
  • Seccion 2
  • Seccion 3
  • Seccion 4
    </div>
    <div id="contenido">
    <div id="menu">
    <ul>
    <h1>Titulo de la Seccion 1</h1>
  • Enlace 1
  • Enlace 2
  • Enlace 3

    </div>
    <h1>Este sera el contenido principal de la web</h1>


    Este es un parrafo de prueba para ver como se comporta el nabvegador en condiciones dificiles aqui estoy </p>
    <h2>Este sera el segundo parrafo</h2>
    </div>

    <div id="pie">este sera el pie de la web</div>
    <div id="curva-inferior"></div>
    </div>
    </body>
    </html>

    Muchas gracias
  • Ya esta solucionado. Me habia pasado de listo y habia puesto lo siguiente en la CSS:
    #navegacion li{float:left ; list-style:none ; margin:3px 23px 3px 23px}
    La idea era que quedara un poco mas separado de arriba y abajo y la habia cagado.
    Ala a escribir 100 veces "no volvere a experimentar con la hoja del curso"
    ciao