Z-index problem

On my home page, when you select a menu item from the Left (for example "News"), the submenu items overlap into the spinning HotSpinner Module Images. How can I modify the HotSpinner module images so they appear under the submenu items and are not shown superimposed with the submenu links? Would it require changing the Z-index? If so, what changes should I make?

Please see attachment and link:

planethop.com/

z-index of carousel items is from 0 to 2500 depending on current position, each time you open sub-menu , menu sets z-Index on sub-menu around 100 probably that can be increased in menu js file, but you use some 3-rd party menu so I don't know which js.

Try this workaround. Add this css in any css file you use:

#subwrap67 .top {
z-index:10000!important;
}