Salve...
allora dopo mille consigli da parte vostra sono riuscita a creare un menu semplicemente con i div... è venuto anche abbastanza bene ma ho un problema tra i browser...

Firefox me lo fa visionare correttamente, mentre IE o Chrome mi danno un avanzo di pixel....

Mi spiego meglio... con firefox me lo fa vedere così: clicca

Mentre con IE non mi mantiene la formattazione del testo e avanzano dei pixel:clicca

In HTML il codice è questo:
si considera che tale div è contenuto in un altro con queste proprietà:
codice:
#menuSUPERIORE
{
	position:absolute;
	width:943px;
	top:100px;
	left:13px;
	right:13px;
	}
codice:
<div id="menu01o" style="text-align:center">
<ul>[*]CATEGORIE[*]ALBERGHI[*]RISTORANTI[*]SHOPPING[*]VIAGGI[*]PROMOZIONI[*]SERVIZI[*]PUBBLICIT&Aacute;[/list]
</div>
mentre il CSS è:
codice:
#menu01o { 	
width: 941px;
font-family: Helvetica, Arial, sans-serif;
font-size: 65%; }

#menu01o ul{ 	
margin: 0; 
list-style: none; 	
padding-left: 0; 	
height: 28px; 	
cursor: auto; 	
background-color: #2d87aa; }

#menu01o li{ 	
font-size: 0.7em; 	
display: inline; 	
width:117px; 	
margin: 0; 	padding: 0; 	
font-family: Arial, Helvetica, sans-serif; }

#menu01o a:link, #menu01o a:visited{ 	
float: left; 	
background:url(../../images/btn_nuovi/bottone.jpg); 	
background-position: 0 0; 	
color: #fff; 	
text-decoration: none; 
padding-top: 0.75em; 	
padding-bottom: 0.6em; 	
width: 6.2em; 	
border-left-width: 0px; 	
border-top-style: none; 	
border-right-style: none; 	
border-bottom-style: none; 	
border-left-style: none; 	
padding-right: 1.8em; 	
padding-left: 2.5em; 	
font-weight: bold; }

#menu01o a:hover, #menu01o a:focus, #menu01o a:active{ 	
background-position: 0 28px;
color: #000000; }