Problem z CSS menu

Na adrese www.agent.xf.cz mám stránku, ale bohužel se mi menu zobrauje odlišně v FF a IE.
Mohl by mi prosím někdo poradit jak docílit toho, aby se menu zobrazovalo stejne v FF jako v IE?
Děkuji

HTML:

<div class="menu">
<ul>
<li><a href="#" class="hl">&raquo;Index</a></li>
<li><a href="#" class="hl">&raquo;Začít hrát</a></li>
<li><a href="#" class="hl">&raquo;Vaše názory</a></li>
<li><a href="#" class="hl">&raquo;Další textovky</a></li>
</ul>
</div>

CSS:

.menu{
color: #ffffff;
font-size:15px;
font-weight:bolder;
}
.menu li{
display:inline;
border:1px solid #e0e0e0;
background:#f6f6f6;
padding:5px;
}
.menu ul{
margin:0;
padding:0;
}