por las pruebas que he hecho, es normal lo que ocurre. lo extraño es que solo ocurra en ff. inténtalo con este código. fíjate en el html
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#menu{
margin:0 0 0 10px;
padding:0px;
}
#menu ul{
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0;
padding: 0;
padding-left: 0px;
list-style-type: none;
}
#menu li{
margin:-2px 7px 0 0;
padding:0;
display: inline;
}
#menu li a{
height:21px;
font-family: arial, helvetica;
font-size:8pt;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
vertical-align: middle;
}
#menu li a:hover{
color:#FF0000;
text-decoration:none;
}
#menu li.rojo{
height:21px;
font-family: arial, helvetica;
font-size:8pt;
color:#FF0000;
font-weight:bold;
padding-top:3px;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li class="rojo">link</li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>
</div>
</body>
</html>