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;
}