Suckerfish drop down menu errors in IE7
I ran across a problem at the office a few days ago where a client was complaining about my Son of Suckerfish menus sticking open on a particular page in IE7. The issue was only happening on pages they had created, using templates that we had delivered, so of course I initially assume they’d done something wrong . . you know . . cause I’m judgmental like that.
Turns out that, without the below css update, if you click in an input field on a page using Suckerfish, then open the menus, they will not automatically close on mouse out.
This particular client page triggered an onfocus for the login box [currently very popular . . and annoying in my opinion] once the page loaded. So, without doing anything, the menus would stick open every time.
The simple fix consists of the following addition to your CSS:
#menu li:hover, #menu li.hover {
position: static;
}
The fix has been around for a while, but I only recently ran into this problem. For more information on the problem, visit Matthew Ratzloff’s explanation at his blog on Built from source below: