Drop downs sidder fast i IE
Jeg har en dropdown menu som driller i IE. Ikke hele tiden men ofte så sidder dropdownene fast hvis du hurtigt fører musen fra den ene til den anden dropdown.Siden er her:
http://briannielsengolf.dk
Nedenfor kan I se CSS til menuen. Nogen gode forslag til en løsning?
#twocols{ /*the columns that gets dropped down over yours might be different*/
z-index:20;
}
#leftcol{ /*the columns that gets dropped down over yours might be different*/
z-index:10;
}
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme*/
position:absolute;
top:9px;
left:3px;
z-index:100;
margin:0;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
}
#mainlevelmainnav,#mainlevelmainnav ul {
float:left;
list-style:none;
line-height:1.4em;
background:transparent;
margin:0;
padding:0;
text-transform: uppercase;
}
#mainlevelmainnav a {
display:block;
color:#ffffff;
text-decoration:none;
margin-right:56px;
padding:0.3em;
}
#mainlevelmainnav li {
float:left;
padding:0;
}
#mainlevelmainnav li ul {
position:absolute;
left:-999em;
line-height:0.9em;
width:7em;
background:#a7ce38;
margin:0;
font-weight: bold;
visibility: visible;
overflow: visible;
text-transform: none;
}
#mainlevelmainnav li li {
width:7em;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
}
#mainlevelmainnav li ul a {
width:7em;
color:#ffffff;
font-size:0.9em;
line-height:1em;
font-weight:400;
}
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
left:-999em;
}
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
l,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
left:auto;
z-index:6000;
}
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
background-color: #7ea928;
}