Buenas estoy haciendo un submenú al que se le pueden ir añadiendo opciones de menú dinámicamente con lo que no quiero dar un ancho fijo al tag a de cada opción, en firefox se visualiza como quiero, esto es se ven todo el submenú con el ancho de la opción más ancha, pero como siempre el IE hace lo que quiere y me visuliza cada opción con un tamaño diferente en función del ancho de cada una. A continuación detallo el html y los css que tengo, si quito width=15em en IE pasa lo uqe he explicado antes.
Gracias de antemano
<div id="menu">[INDENT]<ul><li>[INDENT]<ul id="submenu_0" style="display: block;">
<li style="width:auto;"><a href="" style="display:block;width:100%;"> Usuarios </a></li><li></li><li></li><li></li><li></li></ul>
</li>
</ul>
</div>
y los estilos
#menu {padding: 0.5em 0;}
#menu ul{color:#fff;width:100%;height:2.1em;background-color: #3366cc;}
#menu ul li{float:left;height:1.1em;background-color: #3366cc;border-right:0.2em solid #fff;padding:0.5em 2.0em;font-size:1.0em;font-weight:bold;cursor:pointer;width:15em;}
#menu ul li ul{display:none;}
#menu ul li ul li {border-top:0.2em solid #FFFFFF;float:none;left:-20px;position:relative;width:15em;top:4px;}
#menu ul li a{color:#fff;}