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.
[url]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;
}