Write less, bloat more. Gotta love that even their own website behaves like an epileptic crack addict in withdrawl on anything other than FF. 54k of javascript to do what exactly?!?
My advice - as always when suckerfish comes up, is pitch that in the trash and write a flat normal everyday CSS menu, then throw peterned's csshover2.htc at it, and then throw all that other javascript rubbish in the trash while you are at it.
As to your layering issue, elements inherit layers from their parent - so z-index:500 can actually (by the specification BTW, FF gets this WRONG) end up under a z-index:1000 item if it's kin to said elements parent.
The best solution, assuming a three deep menu would be:
Code:
.menu li {
position:relative;
z-index:10;
}
.menu li:hover {
z-index:11;
}
.menu li li {
z-index:20;
}
.menu li li:hover {
z-index:21;
}
.menu li li li {
z-index:30;
}
.menu li li li:hover {
z-index:31;
}
Which is probably why I've stopped having menus 'fly out' more than one deep... Well, that and it is kind of an accessability /FAIL/ at that point.