Помощ за CSS

[bllay]

Здравейте,

Искам да попитам дали е възможно някой да ми направи CSS меню както показаните в самия раздел на CSS. Искам менюто да е вертикално. Ето с тази картинка :

.

Благодаря предварително.

 

[dELux_nike]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Меню</title>
<style>
   
   ul li 
   {
      padding: 2px 0;
      list-style-type:none;
   }
  
   a.menu {
   background: url('http://prikachi.com/files/1450187E.jpg') no-repeat;
      padding-top: 3px;
      display:block;
      width:92px; 
	  height:25px;
      color: black;
      text-align:center;
	  outline:none;
	  text-decoration: none;
      }
   a.menu:hover
   {
       outline:none;	
         color: green;	 
   }   
</style>
</head>

<body>
    <ul>
     <li><a href="#" class="menu">Проба</a></li>
     <li><a href="#" class="menu">Проба</a></li>
     <li><a href="#" class="menu">Проба</a></li>
     <li><a href="#" class="menu">Проба</a></li>
     <li><a href="#" class="menu">Проба</a></li>
     <li><a href="#" class="menu">Проба</a></li>
    </ul>
</body>
</html>

Демо

 

[bllay]

Благодаря ти много dELux_nike. Точно такова меню исках.