Javascript dropdown problem in IE 6 and IE7

[paulyXvpf]

Hello javascript folks,

PROBLEM: Javascript dropdown problem in IE 6 and IE7
DESCRIPTION: menu falls behind a container box on web page
COMMENTS: It works fine in Firefox but not in IE 6/7 versions


Notice this URL using IE6/7:

http://iimaaconference.com.yourtempsite.com/
site/welcome_to_IIMAA_training_conference.html

You'll see a javascript scrollbar container box, holding the main content. You will also see a javascript
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
hidden behind.

The javascript drop down menu works perfectly fine over static HTML, visit the URL below to see how the
menu should look:

http://iimaaconference.com.yourtempsite.com/site/

Additional Notes: One developer mentioned there is a compatibilty problem with IE6/7 and overlapping javascript menu with scroll box. The developer did some research, mentioning to eleminate the javascript scrollbar altogether.
Customer wants both menu's and scroll box intact.

OK, if anyone has ideas about how to fix this problem, please let me know.

Best,
Paul

[acoder]

Try specifying the z-index to be higher than that of the main content container.