Problema con IE Menu con imagenes [Solucionado]

dacho · #1 (**permalink**) 12/08/2008, 14:09

Hola gente, tengo un pequeño gran problema y la verdad que desde hace 3 o 4 horas estoy mirando el codigo y no hay caso no entiendo donde esta el problema. AYUDDAAAA!!! jajaja

Estoy haciendo un menu con un imagenes, que en firefox funciona exelentemente, pero en IE se me separa por 5px cada li y la unica forma de arreglarlo que encontre es poniendo margin-top:-5px, que no es una solucion para mi y ademas hace que se rompa en Firefox, pongo el codigo:

Código HTML:

<style>
ul#menu_inf{
margin:0;
padding:0;
list-style: none;
}

ul#menu_inf li{
margin:0;
padding: 0;
width:175px;
height:32px;
}

ul#menu_inf a {
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
width:175px;
height:32px;
}

ul#menu_inf a:hover { background-position: -176px 0; text-decoration: none; }
ul#menu_inf li span { display:none; }
ul#menu_inf a#sacabollos { background-image: url(menu_01.jpg) }
ul#menu_inf a#aerografia { background-image: url(menu_02.jpg) }
ul#menu_inf a#tuning { background-image: url(menu_03.jpg) }
ul#menu_inf a#chapa { background-image: url(menu_04.jpg) }
ul#menu_inf a#lustrados { background-image: url(menu_05.jpg) }

</style>

</head>

<body>

<ul id="menu_inf">
	<li><a href="" id="sacabollos"><span>Sacabollos</span></a></li>
	<li><a href="" id="aerografia"><span>Aerografia</span></a></li>	
	<li><a href="" id="tuning"><span>Tuning</span></a></li>	
	<li><a href="" id="chapa"><span>Chapa y Pintura</span></a></li>	
	<li><a href="" id="lustrados"><span>Lustrados y Abrillantados</span></a></li>				
</ul>

</body>
</html>

tambien lo subi a un server para que lo vean funcionando:

http://www.sacabolloshector.com.ar/menu-falla/ (ya no funciona)

Se aceptan toda clase de ayudas, correcciones y puteadas :p....

Espero alguien sepa que pasa porque yo no lo entiendo.
Graciela, Damian.

Mikmoro · #2 (**permalink**) 12/08/2008, 15:09

Prueba a añadir un display: inline a los "li":

Cita:

ul#menu_inf li{
margin:0px;
padding: 0;
width:175px;
height:32px;
display:inline;
}

dacho · #3 (**permalink**) 12/08/2008, 15:29

Hola Mikmoro, sos un groso, Sabelo. jajajaa....

Muchisimas gracias voy a informarme sobre esa propiedad porque no entiendo mucho que paso...

Saludos y gracias de nuevo.
Damian

dacho · #4 (**permalink**) 12/08/2008, 15:33

Una pregunta a los moderadores, puedo modificar el titulo del post para ponerle [solucionado] ?? asi no entran y ven qeu ya lo solucionaron al problema.

Saludos, Damian.

David · #5 (**permalink**) 12/08/2008, 15:38

Creo que tendrás la opción de Editar en tu primer mensaje, si lo editas en modo Avanzado al parecer te permite cambiar el título. Prueba y me cuentas.

dacho · #6 (**permalink**) 12/08/2008, 16:16

Buenisimo, gracias David.

Suerte...