Ciao. Sto facendo un menu a tendina verticale con CSS e Javascript.
Questo è il codice della parte XHTML:

----------------------------------------------------------
<ul id="nav">
[*]Home
[*]<a>Intesa &amp; CP</a>
<ul>
[*]Chi siamo
[*]Best Clients
[*]Staff
[/list]

[*]Servizi
[*]Contatti
[*]Link[/list]
----------------------------------------------------------

Ecco invece il codice CSS:

-------------------------------------------------------

#nav {
height: 17px;
margin: 0px;
padding: 2px 0px 6px 220px;
background-image: url(img/menutopbg.jpg);
background-repeat: repeat-x;
background-position: left;
border-top: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
list-style:none;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
li { /*all list item*/
float:left;
position:relative;
}
li > ul { /* IE6 fix */
top: auto;
left: auto;
}
li ul{ /*2nd level list */
padding: 2px 16px;
display:none;
position:absolute;
background-color:#FDC07D;
top: 18px;
left: 6px;
list-style:none;
padding: 0;
border: 2px solid #F90;
z-index:1000;
}

li li a {
display: block;
margin: 0px;
padding: 2px 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #000000;
white-space:nowrap;
border-bottom: 1px solid #F90;
}
li:hover ul, li.over ul { /* shows 2nd level list */
display: block;
}
li a {
float:left;
margin: 0px;
padding: 2px 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #000000;
display:block;
list-style:none;

}
li a:hover,
li a:focus,
li a:active {
color: #FFFFFF;
}

--------------------------------------------------------

Il problema è che IE mi visualizza i link del sottomenu come elementi in linea, quindi il sottomenu appare in orizzontale. Firefox lo visualizza correttamente con i link visualizzati come block uno sotto l'altro.
Per maggiore chiarezza allego le immagini in firefox e IE