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.

Answer 2

Try this:

#nav_main ul
{
  overflow: auto;
}

#nav_main ul li
{
  z-index: 10;
}

Another problem could be that the Flash video is doing it, but since I don't use Flash, I can't help much.