Image Showing through Spry Menu Bar after hover over

Question

I have the menu working correct on IE with z-indexs but can't get the same results with chrome and firefox. If you go to www.rsd17.org/test/test/untitled1.shtml and on the top spry menu bar hover over students. Then mouse down to any of the items you will see the corner of the picture go through the menu. This is not the case in IE. Anyone know which element I need to change in my css to correct this issue? Let me know if you guys need to see my CSS to help out.

Thanks

Answer 1

fixed the issue by adding in relative position to the menu and submenu, and made the whole bar position absolute. Not sure if this is the correct way to do this, but this is how I fixed my issue.