Hybrid CSS Dropdowns: A List Apart

Hybrid CSS Dropdowns: A List Apart

The problems with dropdown menus are:

1. their secondary options are inaccesible unless you activate the entire menu system; and

2. they offer insufficient orientation cues for the user. It can be difficult to navigate within a particular section of the site because you have to go back to the dropdown to change pages.

This technique is a bulletproof way to ensure browser compatibility and to maintain usability even for people who have old browsers or difficulty accessing dropdown menus, either because of a disability or a low level of comfort with the dropdown paradigm.