CSS menu keeps covering my content block

[gamache]

I used the Navigation: CSSMenu - Horizontal with a template and now when the sub menu expands it goes behind my content block. (below the image)
How do I make the menu be in front of all blocks and content?
See example:
http://www.canoncityschools.org/teachers/vaniwarden/
Go to the button "Links" and "Wrestling"  (the options under "wrestling" go behind the gray block.)

If somebody could help, that would be SUPER SWELL!!

Beth

[fatcuban]

Having the exact same problem, I have tried to use z-index to bring the div to the top layer but It doesn't seem to work.

If any one has a solution I would be most grateful

Thanks in advance

[jtcreate]

It has to do with relative and/or absolute positioning. Your template must have that type of positioning somewhere.

To fix, you'll have to either remove it and build the template differently OR make the area with the menu in it have relative or abs. positioning. You can only use z-index if both have it.

Hope that helps,
Jeff T.

[fatcuban]

Superb, that’s exactly what the problem was. Added position:absolute; and now I can specify the layer depth.

Thanks kindly