Drop down hides behind footer/bottomwrap?

I have a lot of drop down items in my menu and when I'm on a page with little information the bottom drop down items is hidden behind the footer (gkBottomWrap) and I don't know why...

I have tried to set "z-index: 9999" to all possible id's and classes on the menu, but that don't work.

The drop down also hides behind the background that is set in the body tag.

Please look at the site here: http://goo.gl/XTecL

Have a customer that I really need to solve this for. There should be a way to accomplish this, right?

Find File: template.css
Find Line: 89
Action: Delete "overflow: hidden;"

Code: Select all

#mainContent {
    background: url("../images/mainbody_bg.png") repeat-x scroll left top #FFFFFF;
    overflow: hidden;
}


See you around...