ul#menu {list-style-type:none; margin:0; padding:0;}  

  ul#menu li a{  
   color:#909090;  
   background: url(/menu/vert_menu5.png) no-repeat 0 0;  
   text-decoration:none;   
   width: 200px;  
   height: 55px;  
   display:block;  
   border:none;  
   text-shadow: #ddd 2px 2px 0;  
  }  

  ul#menu li a:hover{  
   background-position: 50% 100%;  
   width: 200px;  
   height: 55px;  
   display:block;  
   color:#fff;  
   text-shadow: #1185EE 2px 2px 0;  
  }  

  ul#menu li a span{  
   font-family:sans-serif;  
   font-size:18px;  
   padding:17px 0 0 20px;  
   display:block;   
  }

<ul id="menu">  
  <li><a href="#"><span>Главная</span></a></li>  
  <li><a href="#"><span>Поиск</span></a></li>  
  <li><a href="#"><span>Регистрация</span></a></li>  
  <li><a href="#"><span>Карта сайта</span></a></li>  
  <li><a href="#"><span>О сайте</span></a></li>  
</ul>