[jQuery] superfish z-index with multiple menus (FF, IE, Safari)
I'm diggen the superfish menu, with the exception of one problem
(kinda a big one now that I'm into it).
The problem is easier to see than a long description, so you can check
it out here
http://zifimusic.com/testing/broken-hovers.html
(the actual file I'm using is behind a closed login right now, so I
can't put you right to that, but this shows the issue perfectly).
Hovering over the colored bars shows that the menu's don't display
above the other colored bars (which contain the parent of another
menu), but that instead, the dropdowns are the other colored bars.
I've tried setting all kinds of different z-index values on all
different parts, the div holder, the parent ul, dropped ul, etc, but
the dropdown is always shown below the other bars.
Any idea why this is and what I can do to fix it?
the layout is the way it is with lots of divs, inside a table, etc is
because I need to have the bars visually represent timespans, within
date ranges, and this does that perfectly (with the exception of the z-
index issue).
thanks in advance,
Pete