Hola amigos del foro tengo unos estilos de menú que me funcionan muy bien en firefox pero en IE sufren algunas alteraciones, cuál sería el problema:
Código HTML:
<style>
#menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 67%;
font-weight: bold;
background: #FFF;
width: 200px;
margin: 10px;
border-style: solid solid none solid;
border-color: #C0DBEE;
border-size: 1px;
border-width: 1px;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu li a:link, #menu li a:visited {
color: #2F759F;
display: block;
background: url(http://hosting.deimagenes.com/imagenes/6b4a8a5b51e3986b01d1f11b098ac23b.gif);
padding: 8px 0 0 30px;
}
#menu li a:hover {
color: #000075;
background: url(http://hosting.deimagenes.com/imagenes/6b4a8a5b51e3986b01d1f11b098ac23b.gif) 0 -32px;
padding: 8px 0 0 30px;
}
</style>
<div id="menu">
<ul>
<li><a href="#">ulr 1</a> </li>
<li><a href="#">url 2</a> </li>
<li><a href="#">url 3</a> </li>
<li><a href="#">url 4</a> </li>
</ul>
</div>
Gracias por su ayuda...!!!