Dos menus horizontales dentro de un div

[tirengarfio]

Hola,

quiero meter dos menus dentro de un div, uno a la izquierda y el otro a la derecha.

Mi problema: el espacio que queda entre los dos menus no se colorea de verde (se queda de color blanco).

Aqui esta mi codigo:

Código HTML:

<div id="cabecera" style=" background: green">

    <ul id="navlist" >
        
        <li style="float:left"><a style="background: green; " href="#">Item 1</a></li>
        <li style="float:left"><a style="background: green; " href="#">Item 2</a></li>
    
    </ul>

    <ul id="navlist" >

        <li style="float:right"><a style="background: green; " href="#">Item 1</a></li>
        <li style="float:right"><a style="background: green; " href="#">Item 2</a></li>

    </ul>


</div> 

No hay ninguna regla CSS a parte.

Un saludo

Javi

[hades87]

Te aconsejaría que miraras bien como hacer los menú y a partír de ahí ya mires de hacerlo todo. Además ten en cuenta que un ID es único y solo puede haber uno por página, por lo que a cada lsita le tendrías que dar un id diferente y en el css indicarle si es float o left y no aplicarlo a cada elemento. También mira de hacer una hoja de estilos a parte y poner TODO el código CSS ahí