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

<ul class="menukos">  <li><a href="#"><img src="http://gigabytes.clan.su/load-ucoz/skripts/menu/9/home.png" style="vertical-align:middle;" />GiG-PRO.RU #1</a></li>  <li><a href="#"><img src="http://gigabytes.clan.su/load-ucoz/skripts/menu/9/home.png" style="vertical-align:middle;" />GiG-PRO.RU #2</a></li>  <li><a href="#"><img src="http://gigabytes.clan.su/load-ucoz/skripts/menu/9/home.png" style="vertical-align:middle;" />GiG-PRO.RU #3</a></li>  <li><a href="#"><img src="http://gigabytes.clan.su/load-ucoz/skripts/menu/9/home.png" style="vertical-align:middle;" />GiG-PRO.RU #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;  }