I'm having a really stressful time trying to get a css dropdown menu to work on the browsers.

It works really well on modern browsers, however for older browsers Ie6 etc it doesn't seem to work at all, the drop down menus dissapears bihind another div layer.

I've tried everything, including

the following css codes
x-index
position:absolute
overflow:allow/auto/true etc

Still it gets hidden behind the body div layers.

I noticed that fewer and fewer people are using IE6, so I was thinking... why not just serve the slow javascript 300kb dropdown menu to ie6 users, and the serve modern browser users the new css menu.

What is the code I can use to feed different browsers the different menu?

Should I go specify which slow browsers to feed the old slow but compatible dropdown menu..

OR should I specify which new browsers to feed the new css menu to, and feed everyone else the new menu??

Originally Posted by TurboLizard

I'm having a really stressful time trying to get a css dropdown menu to work on the browsers.

It works really well on modern browsers, however for older browsers Ie6 etc it doesn't seem to work at all, the drop down menus dissapears bihind another div layer.

I've tried everything, including

the following css codes
x-index
position:absolute
overflow:allow/auto/true etc

Still it gets hidden behind the body div layers.

I noticed that fewer and fewer people are using IE6, so I was thinking... why not just serve the slow javascript 300kb dropdown menu to ie6 users, and the serve modern browser users the new css menu.

What is the code I can use to feed different browsers the different menu?

Should I go specify which slow browsers to feed the old slow but compatible dropdown menu..

OR should I specify which new browsers to feed the new css menu to, and feed everyone else the new menu??

Before you give up on doing it with CSS, why not post the code / website here, and see if someone can figure out the problem?

One thing that jumps out to me is you say you tried x-index, but the CSS property that you'd need to try is z-index. Don't know if this is a typo.

You develop it to work in GOOD browsers, and use conditional comments and separate css files for the bad ones -- like IE6 and to a lesser degree, IE7.

The problem with dropdown menus in IE6, and 7, is the z-indexing bug. You basically have to force a new z-indexing context to make either of them work.

Let us see the code or the page

I never use IE6, fewer and fewer people use it. Maybe Ie6 will die out.

In present when we designing website we only consider about browser compatibility for greater version of IE 6+, Firefox 3.0.