menu a 2 livelli in css, se trova mappa di google non si vede

[allin81]

ciao a tutti
ho un menu a 2 livelli, in pratica andando con il mouse sopra al link si apre un livello sotto con le varie voci del menu.

Ho il problema che in una pagina subito sotto al menu orizzontale ho una mappa di google, ma andando con il mouse sopra al link non mi si aprono gli altri livelli.

E' mai capitato a voi?
Questo il codice:

ul, li{
margin: 0;
padding: 0;
list-style:none;
font:Verdana;
}    
ul#menu{
float: left;
background: #3a3a3a;
}    

ul#menu li{
display:block;
position:relative;
}
ul#menu a {
display: block;
padding: 10px 20px;
color: #fff;
text-decoration: none;
}
ul#menu a:hover,
ul#menu a:focus,
ul#menu a:active{
background: #4498c7;
font:Verdana;
color: #FFFFFF;
}
ul#menu li ul, ul#menu li ul li ul.sottomenu{
display: none;
}
ul#menu li:hover ul{
display: block;
position: absolute;
width:155px;
border:1px solid #000000;
background: #3a3a3a;
}
ul#menu li li {
border-bottom:1px solid #000000;
}
ul#menu li ul li:hover ul.sottomenu{
display: block;
position: absolute;
width:125px;
top:0;
left: 125px;
border:1px solid #000000;
background: #3a3a3a;
}

[carlomarangoni]

Prova aggiungere al sottolivello :hover un z-index:99;

[allin81]

grandissimo! ormai sei diventato un mio collaboratore, riesci a risolvere tutti i miei problemi
Grazie

P.s, mi spieghi in poche parole cos'e' e cosa fa questo z-index:99;?? (almeno capisco il senso)

[carlomarangoni]

http://translate.google.it/translate...46%26bih%3D995