menu CSS a tendina non funziona in IE

[webgiorgio]

il mio sito è www.ingdemurtas.it, e sto provando a farlo con i css (su ubuntu, quanta, firefox)
Forse il titolo del 3d non è molto azzeccato...non so se ha un nome specifico quel tipo di menu.

Il problema è che in IE (6 7 8) il menu è più stretto del dovuto e di conseguenza il testo va a capo sballando l'aspetto grafico, e poi non compaiono i sottomenu quando sono sopra con il mouse.

cosa posso fare?

[webgiorgio]

In sostanza il menu è questo.
Il problema è che con IE non vengono applicati gli stili del #menu li:hover e nemmeno visibility:hidden; in #menu ul ul , oltre che i 4px di padding e i 6 px di border left vanno a scapito della width.



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


#menu li {
list-style: none;
position: relative;
margin:0px;
width:140px;
height: 20px;
padding:0 4px;
background-color:#779abb;
border-bottom:1px solid #FFFFFF;
border-left:6px solid #173F54;
line-height: 20px;
}


#menu li:hover {
background-color:#548fc6;
/*colore del rettangolo quando ci sto sopra col mouse*/
}


#menu li a {
text-decoration:none;
color:#FFFFFF;
/*#173F54*/
}


#menu ul ul {
position: absolute;
top:0;
left:148px;
/*offset del menu di secondo livello dal bordo sinistro della pagina*/visibility:hidden;
}


#menu ul li:hover ul {
visibility:visible;
}

[webgiorgio]

Ho capito, :hover non funziona con i div in IE...
Userò a:hover, che funziona, dando le dimensioni con il padding.