In un div da 130px, per un menu utilizzo:

codice:
#nav ul {
	clear: both;
	margin: 0px;
	padding: 0px;
}

#nav li {
	list-style: none;
	background: url(../img/gif.gif) no-repeat;
	background-position: left 0.1em;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 3px;
	line-height: 1.3em;
	height: 1.3em;
}
Lato HTML:
codice:
<div id="nav">
    <ul>[*]A[*]B[*]C[*]D[/list]
</div>
Quando ingrandisco il carattere con IE (CTRL + scroll) tutto OK, con FF invece, appena la lunghezza del testo supera quella del contenitore, le voci di lista si sovrappongono. Come mai?!?