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}