Incompatibilidade com Firefox

HTML

<ul id="menu">
 <strong>
 <li><a href="[http://www.galvaosolutions.com/">Principal

](http://www.galvaosolutions.com/) <li><a href="http://www.galvaosolutions.com/conheca-nos.htm">Conheça-nos <li><a href="http://www.galvaosolutions.com/servicos.htm">Serviços <li><a href="http://www.galvaosolutions.com/promocoes.htm">Promoções <li><a href="http://www.galvaosolutions.com/contatos.htm">Contatos

 </strong>
 </ul>CSS

<style type="text/css">

<!-- ul#menu {

 padding:0;
 margin:0;
 width: 130px;
 background:#900;
 font:12px Verdana;
list-style:none;
}

ul#menu a {

width: 130px;
 float:left;
 background-color:#990000;
 color: #ffffff;
 text-decoration: none;
 border-bottom:2px solid #990000;
 padding: 2px 10px;
}

ul#menu li a:hover {

 width: 130px;
 background-color:#CC0000;
 border-bottom:2px solid #ffffff;
}

br {

 clear: left;
}

-->
</style>

Quando abro no IE fica perfeito, ja quando abro no Firefox ele alargar e fica com 2 marcadores envolvendo o "Principal"

Espero que possam me ajudar...

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif