Stu Nicholls | CSSplay | A CSS flyout menu with overlap overrun and four sub levels

A flyout menu with FOUR sub levels, overlap and overrun.

I don't know why anyone would want to go this deep with a flyout menu, but I have had many requests for 'just one more level please'.

So this is it. Four sub-levels with overlap and overrun. Move your mouse a little way off the menu and it doesn't collapse.

I have kept the menu styling as simple as possible so that it is easier to follow and commented the main points.

This one uses a background image for the list items and pointer for the sub-level indication, but you could use just background colors.

Tested in IE5.5, IE6, IE7, Firefox and Opera.

Because of all the time and effort spent in producing this demonstration
I would ask that you respect my copyright.

If you are using this on a personal web site then please add a link back to CSSplay and retain any copyright comment in the stylesheet.
A donation to the 'Support CSSplay' fund would be appreciated.
If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and in this case a donation to the 'Support CSSplay' fund is required.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.