menù con css: errore

[zoom]

sto facendo un po' di prove con il box model e ho trovato un problema su un menù...
è tutto perfetto però mi lascia 1 linea in mezzo che non riesco a togliere
il css interessato è questo...

ul.menu{
	margin: 0px;
	list-style : none;
	padding : 0px;
}
ul.menu li a {
	display:block; 
	text-decoration:none; 
	padding:0.12em; 
	height:1.1em;
	line-height:1.1em; 
}
ul.menu li { 
	display:inline 
} 

ul.menu li a:link, ul.menu li a:visited {
	background: #66FFFF;
	color: #990066;
	font-weight : bold;
	border-left : 10px solid #FF3300;
	border-right : 10px solid #FF3300;
}
ul.menu li a:hover, ul.menu li a:active {
	background: #FF66CC;
	color: #0099FF;
	border-left : 10px solid #3366CC;
	border-right : 10px solid #3366CC;
}

l'immagine è allegata...

come mai fa così?
p.s. con IE non lo fa, ma visto che l'errore è su Mozilla significa che l'errore c'è :adhone:

[zoom]

risolto...
era un problema di misura, infatti il testo era più alto del menù e sballava un po' tutto....
gracias cmq