Here is an example of simple Vertical css menu. This menu is fully CSS based no JavaScript and there is no image so it is load very quickly, and it is also search engine friendly.
CSS:
Simple Vertical CSS Menu,
.menu_div ul
{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFF;
list-style:none;
text-indent:15px;
}
.menu_div ul li
{
background:#3f3f3f;
line-height:28px;
border-bottom:1px solid #333;
}
.menu_div ul li a
{
text-decoration:none;
color:#FFF;
display:block;
}
.menu_div ul li a:hover
{
background:#d40203;
}
.menu_div ul li#active
{
background:#d40203;
}
HTML:
<div class="menu_div">
<ul>
<li id="active"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Latest News</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
The result looks like this: