suckerfish nightmares

[johnnyblotter]

Hi folks. Having a devil of a time trying to figure out why my suckerfish dropdowns don't work properly. The problem: In IE 6, when you hover over the first two links, the dropdowns show up, but when you try to mouse over them they dissappear. The last three links don't seem to have this problem. There must be something different about the first two links but I have no idea what it is. ANY help would be frickin awesome.

www.jontakiff.com/dropdown/index.html

the relevant css...taken straight from son of suckerfish.

/*******************nav*********/

#greennav {
list-style:none;
width:526px;
border-top:12px solid #279141;
color:#00040e;
font-family:verdana;
font-size:11px;
}

#greennav ul{
list-style:none;
}


#greennav a{
width:105px;
color:#00040e;
height:30px;
line-height:30px;
display:block;
background-color:#badcc2;
text-decoration:none;
text-align:center;
}

#greennav ul a {
display:block;
width:150px;
background-color:#279141;
color:#969696;
border:1px solid red;
}

#greennav ul a:hover{
color:#fff;
}

#greennav ul li {
float:left;
width:150px;
}

#greennav li {
float:left;
width:105px;
}

#greennav li a:hover{
background-color:#279141;
color:#fff;
}

#greennav li ul {
position:absolute;
width:400px;
left:-999em;
}

#greennav li:hover ul,
#greennav li.sfhover ul{
left:auto;
}

#greennav .match {
width:106px;
}

[johnnyblotter]

actually, I should have said it's a slightly modified suckerfish, as the dropdowns fan out to the right....

[Centauri]

Setting a high z index on the dropdown <ul>s on hover seems to do the trick - IE seems to be hiding some of the structure under something else, reducing the hover area.#greennav li:hover ul,
#greennav li.sfhover ul{
left:auto;
z-index: 100;
}

[johnnyblotter]

Yes! You are a genius, my friend.