| Explorer Bug #2748293747.3 |
 |
 |
 |
| Written by Melvin Newman |
| Tuesday, 14 July 2009 13:36 |
|
Whoever is in charge of developing Internet Explorer should be shot... then revived... and forced to make something that works! Internet Explorer's handling of CSS is attrociouse at best, and criminal at worst. In any event when dealing with drop down menus (specifically the Suckerfish menu system) it is not uncommon for IE to hide the drop downs (or virtical menus) behind some other item on the web page. The cause of this is in the way IE handles (mangles) the use of the z-index item in CSS. There are two solutions to this: 1) Re-position your content in your index.php (or index.html) file. Most browsers start adding content at z-index level zero from the start of the index file (i.e. first loaded content starts at z-index 0, and everything is built on top of this). 2) In your CSS file define your menu system as z-index: 2; and all other contend (i.e. in the <body> tag) as z-index: -1;. This seems to work well for IE. Hope this saves some trouble for someone out there. |