menu che perde il margine con ie 6

[arcobaleno]

menu che perde il margine con ie 6

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%;
}

list-style-type: none;
margin:0;
padding:0;
}

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

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

margin:2px 0px 1px 10px;
padding:0;
}

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

margin:0;
}

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

[fraccozzo]

Non mi ricordo bene, ma ci sono delle differenze su come Explorer e Firefox si comportano col padding. Se hai un div di cui il padding e' 10, in Firefox il padding sara' considerato esterno al div, mentre con Explorer e' interno, un po ' come il traccia di Photoshop. L'unica soluzione che ho trovato per risolvere questo problema e' di mettere un ulteriore div contenitore che abbia larghezza assoluta... non e' la soluzione piu' pulita, ma funziona abbastanza bene...

Spero funzioni, ma chiedi conferma che e' meglio!

Ciao ciao

[arcobaleno]

ho risolto !!

è bastato inserire la width anche su:

#menu ul e
ul li

cosi funziona