Pudotusvalikko toimimaan IE7:lla

Terve!

Sivuillani on pudotusvalikko, joka toimii kaikilla testaamillani selaimilla paitsi Internet Explorer 7:llä. Pudotusvalikko toimii muuten kyseisellä selaimella täydellisesti, mutta jos klikkaa jotain tyhjää kohtaa sivuilla ja vie osoittimen valikoiden päälle, pudotusvalikot jäävät ns. auki, eivätkä sulkeudu, kuten pitäisi, kun osoitin viedään valikon päältä pois.

Koodi on validia. IE6:lla pitäisi kai toimia, mutta jostain kumman syystä IE7:lla ei toimi.

KYSYMYS siis kuuluu, mikä koodeissa on ns. pielessä, jotta navigaatio saataisiin toimimaan myös IE7:lla? On olemassa toki jotain muitakin toteutuksia, mutta niiden kanssa on esiintynyt muita ongelmia.

Tässä koodit:

CSS-tiedoston navikohdat:

#nav a {
display : block;
}
#nav li ul a {
display : block;
width : 103px;
border : 1px solid #efefef;
border-bottom : 0;
background-color : #ffffff;
padding-left : 7px;
padding-top : 2px;
padding-bottom : 2px;
}
#nav li ul a:hover {
background-color : #efefef;
}
#nav li {
float : left;
display : block;
}
#nav li ul {
position : absolute;
background-color : #ffffff;
border-bottom : 1px solid #efefef;
width : 103px;
left : -999em;
}
#nav li:hover ul, #nav li.sfhover ul {
left : auto;
}
#nav em {
color : #d88810;
font-style : normal;
}
a, a:active, a:visited {
color : #d88810;
text-decoration : none;
}
a:hover {
color : #d88810;
text-decoration : underline;
}
#nav a, a:active, a:hover {
color : #5f5f5f;
text-decoration : none;
}

HTML navi:



Etusivu >>

Päälinkki >>

Linkki
Linkki
Linkki
Linkki



Päälinkki >>

Linkki
Linkki
Linkki
Linkki



Päälinkki >>

Linkki
Linkki





--
Mitä pitäisi siis muuttaa tai lisätä? Kiitos jo etukäteen.