Forum Moderators: not2easy
I have two lists. List One is being used as a drop down nav. List Two is being used as a regular vertical nav lower down on the page.
When a user rolls his mouse over one of List One's items, a dropdown pops up (using display: block and display: none:). This dropdown overlaps some of List Two's items.
In all other browsers, I am able to click on any of the items in List one while mouse is on, and when mouse is off, I can return to clicking on any of the items in List Two.
However, in IE (both PC and MAC) List one does not correctly overlap List Two, and I can see the <a> tags of List Two through the dropdowns of List One. (hope this is making sense)
I've tried using z-index to force the correct overlapping to occur, but IE does not respond to any z-index values, other than -1, which is a problem because it does not allow any items to be clicked on.
