IE suckerfish problem

Hi all,

I am using the suckerfish dropdown for a site and am having problems in all IE browsers. Basically, as soon as the suckerfish menu content interacts with any content below it, the hover is lost and the menu disappears. You can see this if you hover on “about lifebook” on the main nav of the page posted below.

I have read that the solution uses z-index, however, I have tried all sorts of fixes using z-index without luck. One solution said to just make the top nav area z-index 1 and the content area z-index 2. I have tried this as well as stacking all my elements and the menu always disappears in IE. Any help in solving this issue would be greatly appreciated!

Again, click on “about lifebook” in any IE browser to see what I’m talking about…


IE likes dropdowns to have a background so make yourself a 1px x 1px fully transparent gif and use this:

#main-nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    background:url(fake.gif) no-repeat -1px -1px;

The image doesn’t actually have to exist but you would get missing image in your server logs (if you care).