/    Sign up×
Community /Pin to ProfileBookmark

suckerfish nightmares

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[/url]

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;
}

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@johnnyblotterauthorFeb 17.2008 — actually, I should have said it's a slightly modified suckerfish, as the dropdowns fan out to the right....
Copy linkTweet thisAlerts:
@CentauriFeb 17.2008 — 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.[CODE]#greennav li:hover ul,
#greennav li.sfhover ul{
left:auto;
[COLOR="Red"]z-index: 100;[/COLOR]
} [/CODE]
Copy linkTweet thisAlerts:
@johnnyblotterauthorFeb 18.2008 — Yes! You are a genius, my friend.
×

Success!

Help @johnnyblotter spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...