Why is my CSS drop-down menu opening behind a DIV in IE7?

Question

This issue has been stumping me.

This only happens in IE7. I saw some similar subjects, and tried the solutions, but couldn\'t get them to work.

Any ideas?

Answer 1

See: div layering problems

The general idea is to poke position: relative (usually remove it) and z-index on parent elements of your drop down until it's fixed.

I wasn't kidding about position: relative.

You've obviously already read up on the problem you're experiencing and tried out the solutions; I can see z-index scattered around on various elements.

There's one more step to fix the dropdown to work in IE7:

• From #content, remove position: relative.