Navigointipalkin alavalikot

Minulla on vaakasuorassa oleva navigointipalkki, jossa on aukeaa alavalikoita päävalikoiden alle jos päävalikko alavalikoita sisältää.

Ongelma on se, että alavalikosta sivulle päin mentäessä alavalikko jää auki vaikka kursori ei enää ole alavalikon päällä. Vasta kun menee päävalikoiden kautta toiseen kohtaan niin alavalikko lähtee pois. Apuja?

Javascript:





XHTML (karsittu):




Etusivulle



Pääotsikko1


Alaotsikko1
Alaotsikko2






CSS (karsittu):

#navigation{
position: absolute;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#navigation dl {
float: left;
}

#navigation li a, #navigation dt a {
display: block;
}