Tengo el siguiente codigo:
Código PHP:
.menuItem {
vertical-align: middle;
background-image:url(images/mnuMiddle.jpg);
background-position:left;
background-repeat:no-repeat;
border-top:1px solid white;
border-bottom:1px solid #B0B0B0;
width:150px;
}
.menuItem a:link, .menuItem a:active, .menuItem a:visited {
color:#333333;
display:block;
padding:3px 0 3px 10px;
width:150px;
text-decoration:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: xx-small;
}
.menuItem a:hover {
vertical-align: middle;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
padding:3px 0px 3px 10px;
text-decoration:none;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: xx-small;
background-image:url(images/mnuMiddle_f2.jpg);
}
Y resulta que en Firefox se ve perfecto, pero en IExplore al poner el mouse encima del link, ese fondo se muestra con 10px menos hacia la izquierda.
Que será?