I have a scenario where I have two menus on the same page. The problem is when one of the menus items hovers over the other. When either of the menus is active everything is fine, however, when I switch from one menu to the other the second menu shows up above the first menu for the second or so the first menu hides. I've tracked this down to how the z-indexes are set on the div with the rmSlide CSS class. For both menus the z-index is set to 5 (I noticed this using FireBug) so it makes sense that neither has a priority. I would like the first menu to be always on top. Settings the z-index using CSS does not help because the value set in the CSS file is overridden in code via JavaScript.

Any thoughts? Thanks.

Hi Peter,

Could you please provide us with a live url, so we can observe this issue? Alternatively you can paste the code of your page and css styles here. Thanks.

Best wishes,
Yana
the Telerik team