I have a site I deployed for a client using Joomla, and a good number of visitors are using IE6. The client informed me that there is a styling bug when someone does a search and has the option to change the order or the page count. When they get to that screen and hover over the Shop menu item in the nav bar on the top the menu shows up behind the drop down lists below.
I did some research to find that this is somehow an IE6 bug possibly regarding the z-index, but I’m at a loss as to how I should change the style sheets to make the fix appropriately.
The web site in question is http://edwardjamesandco.com
🙁
This is a well-known CSS bug in IE6. AFAIK the workaround (it’s horrible, shield your eyes) is to put an IFRAME underneath your menu so that the IFRAME obscures the improperly z-indexed SELECT. It’s so very horrible.
But JQuery is here to the rescue, as always:
http://jetlogs.org/2008/05/09/jquery-fix-ie-select-box-z-index-bug/