Se corren botones del menu

[matiasbmx]

Buenas, no he podido encontrar el BASICO error que hay en mi web: http://test.elementobmx.com/nueva/index.php solo en el navegador mozilla se corren abajo los ultimos 2 botones del menu... en el resto me va bien, aca los codes:
<div class="menu">
<ul>
<div class="contenedor_menu">
<hr class="linea_menuarriba">
<span class="LetrasBanner">
<li><a href="../../index.php">&nbsp;&nbsp;INICIO&nbsp;&nbsp;</a></li>
<li><a href="../../productos">&nbsp;&nbsp;TIENDA&nbsp;&nbsp;</a></li>
<li><a href="../videos.php">&nbsp;&nbsp;VIDEOS&nbsp;&nbsp;</a></li>
<li><a href="../team.php">&nbsp;&nbsp;TEAM&nbsp;&nbsp;&nbsp;</a></li>
<li><a href="../comocomprar.php">&nbsp;&nbsp;COMO COMPRAR&nbsp;&nbsp;</a></li>
<li><a href="../nosotros.php">&nbsp;&nbsp;NOSOTROS&nbsp;&nbsp;</a></li>
<li><a href="../clases.php">&nbsp;&nbsp;CLASES&nbsp;&nbsp;</a></li>
<li><a href="../contacto.php">&nbsp;&nbsp;CONTACTO&nbsp;&nbsp;</a></li>
</span>
<hr class="linea_menuabajo">
</div> <!-- fin contenedor_menu -->
</ul>
</div> <!-- menu -->



/************************
MENU
*************************/
.menu ul{

margin: 0; padding: 0;

position:absolute;
top:108px;
right:497px;

float: left;}


.menu ul li{

display: inline;}



.menu ul li a{

height:16px;
float: left; text-decoration: none;


color: black;
font:normal bold 15px Arial, Helvetica, sans-serif;

padding: 10.5px 11px;

background-color: #FFFFFF; }



.menu ul li a:visited{

color: black;}



.menu ul li a:hover, .menu ul li .current{

color: #18AEE7;

background-color:#fff;}

[IsaBelM]

cambia esto

li {
list-style: none outside none;
margin: 0;
padding: 0 0 5px;
}

por esto otro

li {
list-style: none outside none;
margin: 0;
padding: 0;
}

también, elimina esto

li {
margin-left: 30px;
}