Salve, ho questo codice CSS:

codice:
ul.tabnav {
	width: 720px;
	overflow:hidden;
	list-style: none;
	margin: 0;
	padding-left:90px;
	padding-right:90px;
	background-color:#A8A9AC;
}
ul.tabnav li {
	float: left;
	margin: 0 0 0 0;
	padding: 0
}
ul.tabnav a {
	float: left;
	padding: 0 0 0 0;
	text-decoration: none;
}
ul.tabnav span {
	display:block;
	height:22px;
	line-height:22px;
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	letter-spacing:2px;
	text-align:center;
}
che poi applico a questa porzione di codice:

codice:
    <div id="tabcont1" class="tabpanel">
      <ul id="tabcont1-nav" class="tabnav">[*]<span>SERVIZI FINANZIARI</span>[img]images/lineamenu.gif[/img][*]<span>ELICA SERVICES</span>[img]images/lineamenu.gif[/img][*]<span>COURTESY YACHT</span>[/list]
    </div>
il problema è che nei link, composti da due parole, il testo va a capo dopo la prima parola e la larghezza è quella della parola con più lettere. Io vorrei invece che il link rimanga su una sola riga, adattando la larghezza in automatico.
Non riesco proprio a capire come fare.