Firstly, I'd like to apologize for offending your eyes with this. I fully appreciate the inaccessibility issues this causes, not to mention it's just simply a pain to use. That said, I have a client who is stubbornly insistent this is the way they want to go, and my efforts at talking them out of it have thus far failed.
I'm trying to create a menu with four levels:
Level 1: horizontal
Level 2: horizontal
level 3: drop (vertical)
level 4: flyout (horizontal)
This Superfish menu comes close, but is missing the 4th level.
This CSSPlay menu is the missing flyout, but hard-codes the width of the flyout menu options.
Can anyone suggest a way (either pure CSS or not) of creating the freaky offspring of the two, pictured below?
Thanks, and sorry again!