Ho semplificato il codice e vi posto il link:

http://www.artmachine.it/tmp/prova.htm

ecco il codice Xhtml:

codice:
<div id="box-info">
	<ul>
		[*]<span>Info</span>
		[*]<span>Dati</span>
		[*]<span>Persone</span>
	[/list]
</div>

ecco il css:

codice:
#box-info {
	width: 100px;
	float: right;
	background-color: #FF9900;
	border-top: 1px solid #f90;
	border-bottom: 1px solid #f90;
}
#box-info ul{
	margin:0;
	padding: 0;
	padding-left: 1em;
	list-style-image: url(freccia.gif);
	text-indent: 5px;
}
#box-info span {
	display:block;
	font-variant: small-caps;
	font-weight: bold;
	color: #FEEACD;
	background-color: #ff6633;
	height: 100%;
	width: 75px;
	margin: 2px 1px 1px 5px;
}

il IE6 va tutto bene
In FF invece le freccie mi sballano tutta la configurazione.

PS:
sapreste dirmi perchè il validatore xHtml mi dice che c'è un problema con il tag </head> ?