Dropdown with Flyout CSS Menus
This page will be expanded over the coming year to show how the same simple nested unordered list can be styled in different ways to produce professional quality dropdown / pullup menus.
For this demonstration I have limited the dropdown to one level of flyout but this can easily be expanded to cater for multiple level flyouts.
The default style that you see when entering this page for the first time is a basic dropdown with a breadcrumb trail which is indicated using a brown background color. This can easily be restyled to any color you wish.