Menú Horizontal se descuadra en IE y en Firefox no

[Pedro_valencia]

Buenas, estoy maquetando pero al intentar maquetar un menú situado debajo del banner en Firefox todo OK pero en IE se descuadra.

Aquí os dejo las img's y el código de esa parte.







HTML:

Código HTML:

<div id="menu_cabecera_1"><div id="menu_cabecera_2"></div>
<ul id="nav01">
<li><a href="Principal/" title=""><img src="img/menu_cabecera/principal.gif" alt="Principal" hspace="0" vspace="0" border="0"></a></li>
<li><a href="#" title=""><img src="img/menu_cabecera/foro.gif" alt="Foro" hspace="0" vspace="0" border="0"></a></li>
<li><a href="#" title=""><img src="img/menu_cabecera/peliculas.gif" alt="Películas" hspace="0" vspace="0" border="0"></a></li>
<li><a href="#" title=""><img src="img/menu_cabecera/juegos.gif" alt="Juegos" hspace="0" vspace="0" border="0"></a></li>
<li><a href="#" title=""><img src="img/menu_cabecera/contacto.gif" alt="Contacto" hspace="0" vspace="0" border="0"></a></li>
<li><a href="#" title=""><img src="img/menu_cabecera/conectar.gif" alt="Conectarme" hspace="0" vspace="0" border="0"></a></li>
<li><a href="#" title=""><img src="img/menu_cabecera/registrar.gif" alt="Registrarme" hspace="0" vspace="0" border="0"></a></li>
</ul>
</div> 

CSS:

Código:

#menu_cabecera_1{width:962px;height:50px;background:url(../img/css/f_menu.gif) repeat-x;text-align:left;display:-moz-inline-box !important;display: inline;}
#menu_cabecera_2{width:182px;height:50px;background:url(../img/menu1.gif) no-repeat}
#nav01 {margin:0px;padding:0px;list-style:none}
#nav01 li {display:inline !important;}
#nav01 li img{border:0px}

[Marira]

Hola, no se exactamente lo q puede ser, ya q yo estoy empezando ahora con CSS. En esta pagina http://www.video2brain.com/es/ m compre un curso q recien estoy empezando. Si t registras tienen una buena parte del curso colgada gratuitamente, igual encuentras algo q t sirva.

[Raulmmmm]

Prueba a cambiar esta línea:

Código:

#nav01 li {display:inline !important;}

Por esta:

Código:

#nav01 li {display:inline !important; margin: 0; padding: 0;}

[Pedro_valencia]

Gracias pero no funciona eso.

¿Alguna otra solución?

[Mikmoro]

¿Se puede ver en algún sitio? es que sólo viendo esa parte del código no ocurre lo que dices que ocurre. Seguro que dependerá de algún otro elemento que no vemos.

Mikel.

[Pedro_valencia]

Ya no hace falta, lo he solucionado quitando un div que habia antes y poniendolo como li.

Un saludo y gracias ;)

[Jamati]

Menos mal que lo solucionaste, ya que no había motivo alguno para poner el:
<div class="menu_cabecera_2"> ... eso mismo lo podías reemplazar por otro <li>

Saludos

[Pedro_valencia]

Exactamente ;)

[kasEz]

Iniciado por Marira

Hola, no se exactamente lo q puede ser, ya q yo estoy empezando ahora con CSS. En esta pagina http://www.video2brain.com/es/ m compre un curso q recien estoy empezando. Si t registras tienen una buena parte del curso colgada gratuitamente, igual encuentras algo q t sirva.

Vaya spam mas vil...