Solution to Suckerfish Menu Sticking in IE7

Written by Steve Burge

Since IE7 has come out, a lot of people have noticed that Suckerfish dropdown menus are allergic to it. The principal problem is that once they've dropped down, they refuse to scroll back up again. This affects a lot of Joomla sites using Suckerfish variations and also the Extended Menu module.

The solution is thankfully, simple. If your list menu ID is called "topmenu", you only have to add the following lines of code to your css:

#topmenu li:hover, #topmenu li.hover {
position:static;
}

Thanks to Built from Source for the original tip and to Sam from Site Coffee for Joomla implementation.

Set as favorite

Free Weekly Joomla Tutorials

Your Comments (11)

Rik Weber

February 05, 2007

Had this problem on a rather big website and was racking my brain for ages trying to fix it! Saved my skin there!

March 29, 2007

I too was going crazy trying to find a fix ... this does the trick perfectly

tom

July 05, 2007

works like a charm! thanks

worcesterwideweb

March 05, 2008

Thanks man that worked great, a problem that was pissing me off!

paulgoodsalt

March 30, 2008

this solution doesn't seem to test in all browsers, safari, firefox - haven't bothered checking opera and netscape. It really messes things up so make sure you test in those browsers.

Empresas

June 25, 2008

Thanks to this fix my issues, work fine for me in opera and netscape. Thanks mate.

Dawneb

August 25, 2008

Fhew!! Thanks for the fix, works like a charm! smilies/cheesy.gif

Jesse

September 12, 2008

Thanks, that was driving me crazy!

It did remove the BG colour from my in Firefox though, so I targeted IE7 specifically with a valide CSS hack:

*:first-child html #main-nav li:hover ul { /* Makes dropdown visible in IE7 */
position: static;
}

kees

September 18, 2008

thank you very much! very helpful

Alexander411

January 12, 2009

This does work, (it fixes the drop-down from sticking) but unfortunately the menu items "shift instantly" when the mouse hovers over it. I need to remove that visual effect.

Bez

June 04, 2009

Thanks! Worked like a charm! This was puzzling us for a long time.

We found that we also had to increase the z-index as well, since making the position static forced it to have a lower z-index.