Ho 1 menu fatto da CSS

<--! codice menu -->
<div id="navigation"> [*]voce 1
<li id="selected">voce 2 [*]voce 3
</div>


div#navigation{padding-left: 3px}
div#navigation li{display: inline}
div#navigation li a{text-decoration: none;border: 1px solid #000066;padding: 0px 0.3em; background: #ccc;color: #000000; font: 10px "verdana"}
div#navigation li a:hover{background-color: #000066;border: 1px solid #000066;color: #ffffff; font: 10px "verdana"}
div#navigation li#activelink a{border-bottom: 1px solid #000066;padding: 0px 0.3em; background: #000066;color: #ffffff; font: 10px "verdana"}
div#navigation li#selected{text-decoration: none;border: 1px solid #000066;padding: 0px 0.3em; background: #000066;color: #ffffff; font: 10px "verdana"}

----------CON FIREFOX tutto OK<<<<<<<<<<
----------CON EXPLORER VEDO LA VOCE ACCESA UNITA ALLA VOCE CHE LA SEGUE<<<<<<<<<<

Come posso far si che explorer non mi crei questo disagio grafico che sta malissimo?