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

问题

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?

http://signhit.com/

THANK YOU!!!

回答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.

回答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.

来源：https://stackoverflow.com/questions/5421813/why-is-my-css-drop-down-menu-opening-behind-a-div-in-ie7