margine del menu che arretra con IE6

[paw]

ciao

ho un grosso problema con il mio sito www.firenzuola.info
si vede bene con IE 7 e firefox ma con IE 6 il menu arretra del margine sinistro prefissato ad ogni voce.

Mi spiego con l'esempio:

prendiamo ad esempio la pagina 'comearrivare'

questo è il mio css (la parte che interessa il menu)

#menu{
float:left;
width:200px;
font-size:0.9em;
color:#FFFFFF;
margin:0;
padding:0;
height:100%;
}

#menu ul{
list-style-type: none;
margin:0;
padding:0;
}

#menu ul li{
margin:2px 2px 20px 2px;
padding:5px 0px 2px 10px;
border-left:6px solid #B3E365;
font-size:0.9em;
}

#menu ul li img{
padding-left:10px;
}
#menu ul li a{
color:#FFFFFF;
}

#menu ul li ul{
margin:2px 0px 1px 10px;
padding:0;
}

#menu ul li ul li{
width:140px;
border:0;
border-bottom:1px solid #20C1FF;
background-color:#46CCFF;
padding:3px;
margin:0px;
height:16px;
position:relative;
}

#menu ul li ul li ul{
margin:0;
}

#menu ul li ul li ul li{
position:relative;
background:none;
height:25px;
}

con IE6 si nota che 'informazioni turistiche' è allineato bene, 'informazioni cittadino' ha perso i 10px di padding-left, il successivo 'il tempo' perde altri 10 px e via di seguito

qualcuno mi può aiutare ?

grazie

Antonella

[mic]

se provi a mettere un
prima di <LI>Informa cittadino ...
ti va a posto ma ti si alza la colonna del menu.

[paw]

si, ma
dentro un[*] non è permesso dalla validazione

ora sto provando a mettere un div intermedio e così risolvo ma solo in parte ( arretra ma non di 10 ma un po' meno...boh!!!)

ora cerco di vedere altre soluzioni

intanto se avete altre proposte ditemi pure....

[paw]

ho risolto!!!

evviva !!!


ho messo la width anche su:

#menu ul e
#menu ul li


cosi funziona