CSS Menubar Demo

   /* This is what makes the menubar tick. */
   div.menubar dl {
	Float: left;
	Height: 1.3em;
	Overflow: hidden;
   }
   div.menubar dl:hover {
	Height: auto;
   }
   
   /* Now put it at the top where it belongs. */
   div.menubar {
	Position: absolute;
	Top: 2em;
	Left: 0.5em;
   }
   
   /* The rest is just decoration. */
   div.menubar dl {
	Width: 10em;
	Background-color: #666666;
	Border: 2px outset #ff9900;
   }
   div.menubar dl dd {
	Margin-left: 0;
	Padding-left: 0;
   }
   div.menubar a {
	Font-family: monospace;
	Color: #ff9900;
	Text-decoration: none;
	Margin: 0.1em;
	Display: block;
   }
   div.menubar a:hover {
	Color: #ffff00;
   }
   div.menubar dl:hover dt {
	Border-bottom: 1px solid #ff9900;
   }
  
felix.plesoianu.ro