sottomenu a tendina resta fisso

[raffaellaweb]

HO creato con i css un menu orizzontale con relativo sottomenu a comparsa verticale.
Il problema è che il menu verticale resta fisso sulla pagina quindi se scendo nella pagina non è più attaccato al menu orizzontale

www.chirotorino.it (es bottone chiropratica)

se metto la position absolute al sottomenu quando passo sul bottone lui resta fisso ma si sposta in basso tutto il resto del menu orizzontale

ecco il css

#header ul {
list-style: none;
margin: 25px 0 0;

padding: 0;
text-align: center;

}
#header ul ul {
list-style: none;
margin: 25px 0 0;
overflow: hidden;
padding: 0;
text-align: center;
display: none;

}



#header ul li {
display: inline-block;
height: 34px;
margin: 0 5px;
position:relative;

}
#header ul ul li {
display:list-item;
z-index:100;
}
#header ul li:hover ul {
float: none;

position:fixed;
color: #000000;
display: block;
font-size: 14px;
line-height: 32px;
text-align: center;
text-decoration: none;
z-index:100;
cursor: pointer;

margin:auto;
}
#header ul li a {
background: url(../images/bg-menu-right.gif) no-repeat right top;
color: #000000;
display: block;
font-size: 14px;
line-height: 32px;
text-align: center;
text-decoration: none;
position:relative;

}

#header ul li a span {
background: url(../images/bg-menu-left.gif) no-repeat left top;
cursor: pointer;
display: block;
height: 34px;
padding: 0 15px;
position:relative;
}
#header ul li.current a, #header ul li a:hover {
background: url(../images/bg-menu-selected-right.gif) no-repeat right top;
color: #000000;
position:relative;
}
#header ul li.current a span, #header ul li a:hover span {
background: url(../images/bg-menu-selected-left.gif) no-repeat left top;
}

 

[filomeni]

Ciao,
ho provato il menu ha un funzionamento regolare... in "hover" scende il menu a tendina e se scrollo la pagina il menu segue il movimento.

 

[Max 1]

Anche per me è regolare!!