Why is the menu drop down hiding behind the jQuery button?
div.menu ul li a, div.menu ul li a:visited
border: 1px #4e667d solid;
padding: 4px 20px;
I also met this problem. I've found the cause and solution.
Cause: the button is rendered after the menu but it has been wrapped by some additional elements by
jquery-ui, hence its
z-index has been increased.
Solution: to overcome the problem, we can increase
z-index of the menu (better way than decreasing
z-index of many buttons). But please remember that
z-indexonly works on positioned elements (
That so we need to position our menu also. Here is my code:
<div style="position:relative;z-index:99"> MENU HERE </div>