Salve a tutti scusate ma sto letteramente impazzendo e da giorni ormai che sto provando ad inserire nella mia home page un menù con rollover semplicissimo almeno così dicono.

la sintassi usata nel mio file html e strutturata così:

[IMG]<body>
<div id="container">
<div id="header">
<div id="logo"> </div>


<center>
<div id="navigation">
<ul id="menù_orizzonatale">

<li id="current">Home
[*]Servizi
[*]Area Clienti
[*]Contatti
[/list]


</div></center>
</div>

<div id="content"> </div>
<div id="footer"> </div>

</div>

</body>[/IMG]
di sicuro ci sarà qualcosa di sbagliato


il file css e così strutturato:

[IMG]div#container{ width: 960px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left:auto;
}

div#header { background-image:url('TEMPLATE/testata.png');
margin-top: 30px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
height: 220px;
width: 764px;
}


div#logo { background:url('TEMPLATE/logo.png');
margin-top: 15px;
margin-left: 15px;
width:266px;
height:189px;
background-repeat: no-repeat;
}


div#navigation ul {background-image:url('TEMPLATE/bottone.png')
background-repeat: no-repeat;
list-style: none;
text-align:center;
display:block
display:inline;
margin: -3px;
padding: 0;
width: 73px;
height: 18;
}[/IMG]

il discorso e che non si riesce e vedere l'immagine del bottone e il menù pur avendo inserito list-style: none; mi tiene le sottolineature come un link normale.
cosa sbaglio????? potete darmi un aiuto???

GRAZIE MILLE
pcmaurix