Dropdown menu hides behind images

Question

The dropdown menu of my blog gets behind the image slider on the main page. http://allfacebookgames.blogspot.com/

How do I avoid it so the the dropdown menu is not covered?

For your information, the dropdown menu does not require any javascript and solely depends upon css. Thank you.

Answer 1

This will fix it:

#menu-wrapper {
    position: relative;
    z-index: 40;
}

To show that it works: http://www.csspivot.com/t0Sj3

Answer 2

在#menu-wrapper规则上设置position:relative和z-index:9999