Buona sera,
scrivo questo post perché è 3 ore che sto imprecando con dei div e una lista <ul> per fare un menù.
Mi spiego, dovrei avere un div contenitore bordato sopra e sotto con dei pallini bianchi (risolto) e al suo interno un'altro div che ha come sfondo una striscia azzurra di 80px (fatto) distante sia sopra che sotto dai pallini bianchi 20px (fatto) e al centro di questa striscia azzurra dovrebbe esserci il menù cliccabile fatto con la lista ul affiancati uno all'altro (float:left).
Il mio problema è che non riesco a centrare questo ul si posiziona in alto attaccato all'inizio della striscia azzurra e se gli metto un text-align:center, non si sposta; se gli metto un margin si sposta anche il div azzurro....per non parlare che non riesco neanche a centrarlo orizzontalmente....

Vi posto il codice:
codice:
<div id='menù'> 
<div style="height:20px"></div> 
<div class='menù_dentro' > 
<div style=""> 
<ul >[*]CHI SIAMO [*]EVENTI[*]MOSTRE[*]COLLEZIONE[*]PHOTO GALLERY[/list]
</div> 
</div> 
<div style="height:20px"></div>
</div>
ed ecco il css:
codice:
#menù{
 height: 120px; 
border-bottom: thin dotted;
 border-top: thin dotted;
 border-bottom-color:white;
 border-top-color:white; }
.menù_dentro{ 
padding:0px;
 margin-top:0px;
 background-image: url(../images/sfondo_menu.png);
 height:80px; }
#menù ul {
 height:24px;
 margin-top:0px;
 } 
#menù li {
 float:left;
 margin-right:18px;
 list-style-type: none; } 
#menù a{ 
 color:white;
 text-decoration: none;
 font-family: Helvetica;
 font-size:20px; }
Non so dove sbaglio, ci sono un pò di cose sporche.
PS: so che se utilizzassi le tabelle avrei la vita semplice...ma il profe non le vuole...mannaggia a lui!

Grazie mille in anticipo