horizontal menu -- starting with "Home" / "About the Conference" / "The Venue" and so on.
Now, go ahead and mouse over on "About the Conference" and others. See how the drop down menu falls behind
the main content container box? The menu is not readable, then menu should be on top of page content, not
menu should look:
Customer wants both menu's and scroll box intact.
OK, if anyone has ideas about how to fix this problem, please let me know.
You're setting the z-index of the submenu to 2, and not setting the z-index on the scroll box at all. My guess is that as IE is rendering the page, it is assuming z-index values to layer the page in what it expects is the correct order. Therefore, your scroll box could have a higher z-index. Since there really should be nothing on the page that goes on top of the submenu div, I'd start by cranking the z-index up to 1000 or so.
You moved the menu under the box? Normally, I find that when things are going under, it's because the z-index is incorrectly applied to an element which has not also been given absolute positioning. Remember, z-index only applies to absolutely positioned elements.
this issue is caused by positioning elements absolute - in IE6/7 when you position elements absolute they generate a new stacking over so the z-index resets itself. A great guide I always refer back to on this is here: http://brenelz.com/2009/02/03/squish...r-z-index-bug/
clearly shows you whats going on and how to fix it
SWORDFISH HOSTING - UK Based Web Hosting - 24*7 Support
Shared Hosting | VPS | Dedicated Servers | Plesk 9 Control Panel Web Hosting For Everyone