utilizo los siguientes codigos para hacer un cambio de img en una botonera utilizando css, mi problema es el siguiente, en opera se ve perfecto, pero cuando lo veo con el Ie las img se agrandan mucho, por ende provoca una mala presentacion del trabajo, queria saber si me pueden ayudar a solucionar el problema.
Para los que quieran ver el problema la url es
www.jovenesdeadrogue.com.ar/v20
Desde ya muchas gracias
/**********************//css//*****************************/
#menu {
width: 150px;
max-width: 150px;
margin-top: -10px;
font-size: 14px
}
#menu li a:link, #menu li a:visited {
color: #777;
text-decoration: none;
display: block;
background: url(img/menu.jpg) repeat-x;
padding: 8px 0 0 20px;
font-weight: bold;
}
#menu li a:hover, #menu li a:active {
color: #257EB7;
text-decoration: none;
display: block;
background: url(img/menu2.jpg) repeat-x;
padding: 8px 0 0 25px;
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
font-weight: bold;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
/**********************//css//*****************************/
/**********************//html//****************************/
<div id=menu><UL>
<li><a href="index.php" title="">::Home::</a></li>
<li><a href="" title="">::Notas::</a></li>
<li><a href="" title="">::Actividades::</a></li>
<li><a href="" title="">::Agenda Adrogué::</a></li>
<li><a href="" title="">::Agenda rodante::</a></li>
<li><a href="" title="">::Radio::</a></li>
<li><a href="" title="">::Foro::</a></li>
<li><a href="" title="">::Chat::</a></li>
<li><a href="" title="">::Archivos::</a></li>
<li><a href="" title="">::Contactenos::</a></li>
</ul>
</div>
/**********************//html//****************************/