CSS only site navigation menus

Navigation is the backbone of any website. CSS is used to style a menu as a bar, tabs or buttons. The hover class can be used with CSS for pure fly-out / drop-down menus.

See also: DHTML Menus
See also: Tree Menus
See also: PHP Menus
See also: Current / active navigation highlight

CSS only menus
Cssplay.co.uk - CSS menus
A wide (more than you could dream of even if you eat a lot of strange cheese) CSS menus. Some favourites are: Drop-down menu examples; fly-out menu examples; A variable width drop-down definition list; Tab style definition list / Drop-down menu with background images - drop-down menu with background images; Drop-down and third-level fly-out menu; Tabbed menus; fitted doors (based on sliding doors tabs).
A List Apart - Sliding Doors of CSS
A tutorial on creating a flexible tabbed menu system for web site navigation using CSS.
Exploding-boy.com - Tabbed menu drop-down
A flexible tabbed menu system for web site navigation using CSS. Uses an additional span inside the href anchor link so hover effects on the background can be used in IE6.
Exploding-boy.com - Centered sliding doors
Centered sliding door tabs complete with an active tab.
456bereastreet.com - inverted tabs menu
Tabbed menu with inverted tabs - i.e. they are bottom-aligned, and as text size is increased, more of the tab is revealed from the top down, instead of from the bottom up as in the original Sliding Doors technique.
Simplebits.com - Accessible image tabs
Accessible, Javascript free, image-tab rollovers.
Web-graphics.com - Inline mini tabs
Using display:inline to make horizontal centered navlists.
Grc.com - CSS only drop-down
CSS only drop-down / fly-out menu. No client-side scripting, Absolute browser and platform compatibility, Text scaling friendly, Narrow window width handling, Functional for non-CSS, or CSS-disabled, browsers.
Howtocreate.co.uk - CSS menu
This uses just CSS to turn nested lists into a working menu and does not use any JavaScript (except a conditional comment and DHTML behaviours make it work in IE 5+.)
Unraveled.com - CSS tabs
CSS tabs without using any images or hacks and with as little CSS as possible.