JS hover menu appearing behind DIV on my website

I'm begging for your assistance. The drop down menus on this web page I'm working on are appearing behind the #content div. I'm certain it's a z-index issue, but I've combed through my CSS and can't find anything that would cause this.

Page with the problem: http://www.kent.edu/about/responsive/

Working page for comparison: http://www.kent.edu/about/

Note: I know the script used for the menus is clunky, but I have to stick with it for now unfortunately.

Thanks in advance!

Upvotes: 0

Views: 116

Answers (1)

keithwyland
keithwyland

Reputation: 2998

#main_nav has overflow: hidden applied to it, so #main_nav is not allowing your dropdowns to show

removing overflow: hidden from #main_nav should do the trick.

Upvotes: 1

Related Questions