[jQuery] Superfish vertical menu, sub-menu item overlap problem

[jQuery] Superfish vertical menu, sub-menu item overlap problem


In an ideal Superfish vertical menu setup, you match the width of the
first <ul> with the offset of the second, so the menu appears directly
to the right of the primary navigation. I'm looking to have that over-
lap a little, and it's working fine in FF. In IE6 and IE7 the first
submenu item appears on top of its parent, but each subsequent submenu
item is layered beneath the primary navigation. I've tried playing
with different positioning and z-index attributes, and maybe that's
the solution, but I can't get it to work.
Has anyone fixed this before? I've posted an example of my problem
here: http://ainsworthstudios.com/example/
Help is much appreciated!