Hi Chris,
Yes I have seen "A problem I found was that hovering these dropdown links doesn't always work" I visited a customer for http://www.VisitLondonderry.com and saw that problem particularly on a slow IE system. At ZigPosterman.com the menus appear to be "slow" in the dropdown, in testing. Though read on, I may have found something.
I added the code from Ismael and your code to it.
#top .nav li ul a {
position:relative;
z-index: 999;
display: block;
height: 20px;
}
At first glance it appeared to work I could now see "Biggie 50mm Tip" and "Ziggy Creatives" menu selections they were not under the slider. However it looked like another change occurred.
The addition of ;
display; block;
height:20px
changed the menu selection from "Biggie 50mm Tip Chalkboard Cleaner" to one line "Biggie 50mm Tip"
No problem, these are just testing the production menus can be shorter.
So I added a menu. "Big and Broad Tip 50mm White" so we have three drop down menus. That goes under the slider.
Plus the "Big and Broad Tip 50mm White" is two lines and out of the box. We will just make shorter menus this is only for testing. I was able to change the height setting to 40 and fix it too, but I prefer shorter menus.
As you use this drop down menu the last menu item can not be selected, I added a few more for testing. I also found the menu goes under the text! Plus you can not select any drop down menu that goes below the second menu bar!
I think the note in bold may help to find a fix. If the drop down menus are under the slider, and go under the text, and are not accessible, when they are below the menu bar. How do we get them to the top? The issue appears to be with anything that goes below the menu bar.
I have put my style.css at the following link so it can be viewed. http://imageability.com/kriesi/zig_style.css
I do appreciate the help, we are very proud of the look and feel of our site using the kriesi theme. I do not want to leave these test menus to long. They also confuse the customers.