CSS con problemas en IE

[adex]

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...!!!

[Mikmoro]

¿Y cuáles son esas alteraciones?

Por cierto, tienes dos veces difinido el selector #menu innecesariamente.

[adex]

Hola Mikmoro, gracias por responder
En firefox se ve muy bien el menú pero en IE cada enlace aparece con un
alto muy reducido, si te fijas en el código puedes notarlo en IE

[hermetika]

Prueba a jugar con los valores de height en #menu li a

Auméntalos, disminúyelos, etc ... Debe ser algo de eso

[adex]

sí, estaba haciendo eso pero en Firefox ya se ve remal

[hermetika]

UNo de los dos height es para firefox, el otro es para IE

No recuerdo cual de los dos, prueba a cambiar uno solo, ver en los dos navegadores, cambiar el otro, etc...

[adex]

Hola amigos, encontré algo en el foro colocando unas condiciones en la cabecera de la página:

Código HTML:

<!--[if IE]> <style>
#menu li a {
	height: 32px;
	}
</style> <![endif]--> 

no sé si es correcto pero me solucionó el problema