Yeşil Ve Mavi Dikey Menü

<style type="text/css">

.arrowgreen{
    width: 180px;
    border-style: solid solid none solid;
    border-color: #94AA74;
    border-size: 1px;
    border-width: 1px;
}

.arrowgreen ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
   
.arrowgreen li a{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: transparent url(media/arrowgreen.gif) 100% 0;
    height: 24px;
    padding: 4px 0 4px 10px;
    line-height: 24px;    text-decoration: none;
}   
   
.arrowgreen li a:link, .arrowgreen li a:visited {
    color: #5E7830;
}

.arrowgreen li a:hover{
    color: #26370A;
    background-position: 100% -32px;
}

   
.arrowgreen li a.selected{
    color: #26370A;
    background-position: 100% -64px;
}

</style>

<div class="arrowgreen">
    <ul>
        <li><a href="http://www.duello.goalsoccer.net" title="Home">Home</a></li>
        <li><a href="http://www.duello.goalsoccer.net" class="selected" title="CSS">CSS Library</a></li>
        <li><a href="http://www.duello.goalsoccer.net" title="Whois">DD Whois</a></li>
        <li><a href="http://www.duello.goalsoccer.net" title="Forums">Forums</a></li>
        <li><a href="http://www.duello.goalsoccer.net" title="Tools">Webmaster Tools</a></li>
        <li><a href="http://www.duello.goalsoccer.net" title="JavaScript">JavaScript</a></li>
    </ul>
</div>