Vertical CSS Menu

/* external css codes */

#menu2 {
width: 180px;
margin:10px;
}
#menu2 li a {
height: 24px;
text-decoration:none;
}
#menu2 li a:link, #menu2 li a:visited {
padding: 8px 0px 0px 30px;
display:block;
text-decoration:none;
background: #CCC;
color:#333;
}
#menu2 li a:hover {
text-decoration:none;
background:#333;
color:#FFF;
}
#menu2 li a:active {
text-decoration:none;
background:#333;
color:#FFF;
padding: 8px 0 0 30px;
}

-------------------------------------------
Add this codes in the body section
-------------------------------------------

<div id="menu2">

<ul>

<li><a href="#">&Link 1</a></li>

<li><a href="#">&Link 2</a></li>

<li><a href="#">&Link 3</a></li>

<li><a href="#">&Link 4</a></li>

<li><a href="#">&Link 5</a></li>

<li><a href="#">&Link 6</a></li>

<li><a rel="nofollow" target="_blank" href="#" title="#">Link n</a></li>

</ul>
</div>