div#links {
position: absolute; 
left: 0;
padding: 5px 0px; 
width: 145px;
height: 700px; 
font: 16px Verdana, sans-serif; 
z-index: 100;
}
div#links a {
display: block; 
text-align: center; 
font: bold 1em sans-serif; 
padding: 5px 0px; 
margin: 0 0 0px; 
border-width: 0; 
text-decoration: none; 
color: red; 
background: #000000;
border: 1px solid blueviolet;
}
div#links a:hover {
color: blueviolet; 
background: #AAA;
border-right: 5px double white;
border-left: 5px double white;
}
div#links a span {
display: none;
}
div#links a:hover span {
display: block;
position: absolute; 
top: 250px; 
left: 0; width: 125px;
padding: 5px; 
margin: 5px; 
z-index: 100;
color: blueviolet; 
background: black;
font: 10px Verdana, sans-serif; 
text-align: center;
}