Hola tengo un problema, en firefox va perfecto pero en IE se ven las imagenes escalonadas. Estoy haciendo un menu con hover en css. Ahi va el codigo:
Código:
#nav img { border: none; }
#nav li { list-style:none; }
#nav li a { float: left; height: 56px; }
#boton1 a{width:61px; background:url(../img/boton1.jpg); }
#boton1 a:hover{width:61px; background:url(../img/boton1-2.jpg); }
#boton2 a{width:102px; background:url(../img/boton2.jpg);}
#boton2 a:hover{width:102px; background:url(../img/boton2-2.jpg); }
#boton3 a{width:64px; background:url(../img/boton3.jpg); }
#boton3 a:hover{width:64px; background:url(../img/boton3-2.jpg); }
#boton4 a{width:59px; background:url(../img/boton4.jpg); }
#boton4 a:hover{width:59px; background:url(../img/boton4-2.jpg); }
#boton5 a{width:62px; background:url(../img/boton5.jpg); }
#boton5 a:hover{width:62px; background:url(../img/boton5-2.jpg); }
Pueden ver como queda en
http://www.impulsaconsultores.net/version2
Saludos y gracias