Hola, tengo el siguiente menu, el prublema es que en ie se ve bien, pero en firefox no, se descoloca, el menu utiliza 3 archivos de imagen.
Lo que no me gusa es que en firefox muestra una linea como de 2 pix debajo del menu y al pasr el puntero por los enlaces cubre el boton con varios pxls de mas, pero en ie se ve perfecto, ah y por otro lado, ¿como podria hacer que se quede marcado el boton en el que se hizo click?
El codigo del menu es este
Código HTML:
#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #525C75;}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:33px;background:transparent url(images/bgDIVIDER.gif) no-repeat top right;}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#525C75;background:#fff url(images/bgON.gif) no-repeat top right;}
<div id="stylefour">
<ul>
<li><a href="" title="" >link</a></li>
<li><a href="" title="">link2</a></li>
<li><a href="" title="" >link3</a></li>
<li><a href="" title="">link4</a></li>
<li><a href="" title="">link5</a></li>
</ul>
</div> Saludos