Простое вертикальное меню

<ul class="menukos">  
<li><a href="#"><img src="http://webo4ka.ru/Ucoz8/home.png" style="vertical-align:middle;" />webo4ka #1</a></li>  
<li><a href="#"><img src="http://webo4ka.ru/Ucoz8/home.png" style="vertical-align:middle;" />webo4ka #2</a></li>  
<li><a href="#"><img src="http://webo4ka.ru/Ucoz8/home.png" style="vertical-align:middle;" />webo4ka #3</a></li>  
<li><a href="#"><img src="http://webo4ka.ru/Ucoz8/home.png" style="vertical-align:middle;" />webo4ka #4</a></li>  
</ul>

ul.menukos {  
margin: 0;  
padding: 0;  
border: 1px solid #c4c4c4;  
border-radius: 6px;  
-webkit-border-radius: 6px;  
-moz-border-radius: 6px;  
display: inline-block;  
background-color: #e8e8e8;  
width: 99%;  
list-style-type: none;  
}  
   
ul.menukos li a {  
color:#000;  
padding: 6px 12px 6px;  
font-size: 13px;  
font-weight: bold;  
text-decoration: none;  
display: block;  
border-top: 1px solid #c4c4c4;  
}  
   
ul.menukos li a:hover {  
background-color: #550155;  
color:#fff;  
}  
   
ul.menukos li:first-child a {  
border-top: none;  
}  
   
ul.menukos li:first-child a:hover {  
border-radius: 6px 6px 0 0;  
-webkit-border-radius: 6px 6px 0 0;  
-moz-border-radius: 6px 6px 0 0;  
}  
   
ul.menukos li:last-child a:hover {  
border-radius: 0 0 6px 6px;  
-webkit-border-radius: 0 0 6px 6px;  
-moz-border-radius: 0 0 6px 6px;  
}