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.