Drop down menu falls behind border

Greetings!

On this page => http://ftsc-test.handlersspot.net/travteam.html

The menu on the far right 'FAQ.' When I click it to activate the drop down part of the drop down falls behind the borders. What I'd like it to do is lay over the borders.

I've messed with a bunch of different z-index setting and still a no go! This must be a new css thing for me cause I've never encountered it before. Then again I drop down menus! :eek:

I've probably been staring at it so long now I don't see my problem. Any and all help is greatly appreciated! :thumbsup:

Thanks much!

This is caused by overflow:auto on both #container and #main.

Remove this from both elements and the menu drop down works OK, but then your margins don't extend correctly right at the bottom of the page. To fix this make:

#page_content {
margin: 15px 5px 0;
padding-bottom: 15px;
}

Have a try with that.

Thanks you! :thumbsup::D:thumbsup:

I didn't even think of that one! :mad:

Back to whittling away! I need to thin that style.css file down. There are things in there page specific that don't need to be read in on every page.

Again .. thanks so much for the extra set of eyes and really fast help!