A Pure CSS Menu

The menu to the left is pure CSS. It is a standard list of links wrapped in a DIV with the following CSS applied:

#menu a, #menu a:visited {
position:relative;
text-decoration:none;
text-align:center;
background-color:#9ab;
color:#fff;
display:block;
width:10em;
border:2px solid #fff;
border-color:#def #678 #345 #cde;
padding:0.25em;
margin:0.5em auto;
}

#menu a:hover {
top:2px;
left:2px;
color:#fff;
border-color:#345 #cde #def #678;
}