It seems on IE that there is a well know bug that causes select lists to be rendered on top of any div elements in the page regardless of z-index. The only way to fix it that I know of involves creating an IFrame behind the menu that shields the menu layer form the select box. How can we take this strategy and apply it to nice menus?

Problem described mid way down:
http://www.brainjar.com/css/positioning/default5.asp

Example Fix
http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe.html#

Comments

ymmatt’s picture

ymmatt CreditAttribution: ymmatt commented
Title: Select Lists and Nice Menu » Select Lists and Nice Menu z-index fix

My menus were appearing below a select box in IE 5, this is an IE bug and the only fix that I have found is to use Iframes.

I searched for at least a full week and finally Treylane solved the problem, you can download the patched .js file from here (Post # 16)

add1sun’s picture

add1sun CreditAttribution: add1sun commented
Component: User interface » Code
Status: Active » Closed (duplicate)

duplicate of http://drupal.org/node/84608