elements overlapping problem in IE

Question

There is a page with drop-down menu "Products" overlapped by next content in IE. It works fine under Gecko or Webkit browsers.

http://orbitscripts.com/easily-manage-advertising-across-all-of-your-websites.html

z-index property makes no sence.

I have no solutions yet. Thanx in advance

Answer 1

If the ads are in flash and the "wmode" isn't set to "transparent", the z-index will always be infinite and above other content. See http://www.communitymx.com/content/article.cfm?cid=e5141.

There are some hacks which make it work on some specific browsers on specific operating systems, but they're unreliable and no comprehensive solutions which work in all cases as far as I know see http://www.sitepoint.com/forums/printthread.php?t=158317&pp=25&page=2 (and look for the solution by "mhulse".)

IE 6 also has a bug where the <select> element has infinite z-index unless an IFrame is placed above it, which works in most cases, but it's more likely to be a flash animation though.

EDIT: I seem to remember that in non-IE browsers that z-index is relative to a block element (usually a DIV) with a "position: relative" style, whereas in IE it's relative to the document in some versions at least, so it's like a global rather than a local z-index maybe that's why.