Home / Joomla Tips & Tricks / Solution to Suckerfish Menu Sticking in IE7 
Joomla Tips & Tricks
Nov
23
2006
Solution to Suckerfish Menu Sticking in IE7
Written by Steve Burge   
Avatar

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. 

 

 

Comments  

 
#1 Rik Weber 2007-02-05 07:44
Had this problem on a rather big website and was racking my brain for ages trying to fix it! Saved my skin there!
Quote
 
 
#2 JS 2007-03-28 20:42
I too was going crazy trying to find a fix ... this does the trick perfectly
Quote
 
 
#3 tom 2007-07-04 18:00
works like a charm! thanks
Quote
 
 
#4 worcesterwideweb 2008-03-05 09:18
Thanks man that worked great, a problem that was pissing me off!
Quote
 
 
#5 paulgoodsalt 2008-03-30 12:13
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.
Quote
 
 
#6 Empresas 2008-06-25 16:14
Thanks to this fix my issues, work fine for me in opera and netscape. Thanks mate.
Quote
 
 
#7 Dawneb 2008-08-25 08:33
Fhew!! Thanks for the fix, works like a charm! :D
Quote
 
 
#8 Jesse 2008-09-11 23:05
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;
}
Quote
 
 
#9 kees 2008-09-18 06:43
thank you very much! very helpful
Quote
 
 
#10 Alexander411 2009-01-12 16:31
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.
Quote
 

Add comment


Security code
Refresh