CSS Flyout Menu Demo

• The left column has an absolute width of 120px. In most browsers, the width does not change as the default fontsize is changed.
• The menu's fontsize and button dimensions are specified in 'em' units. The menu's width is 7.5em.
• The widths of the menu and column appear the same when the browser's fontsize is set at 1em = 16px (this is the default for normal fontsize in most browsers).

  Change the default font-size in your browser to see how the menu can be scaled up or down. The column width may or may not also scale depending on which browser you use.

• The menu is relatively positioned at (0, 0) within a <div> named 'leftnav' that is part of the flowed content in the sidebar on the left.

Tutorials

Learn how to...
	create a multi-level menu with Menukit.
	create a 2-column divs-based page layout like this.
	place a Menukit CSS Flyout menu in the left column.