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

ul#menu li a{
  color:#909090;
  background: url(http://primahtarsk.moy.su/kod/392742215.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="http://wallaby.ucoz.ru/sitemap.xml"><span>Карта сайта</span></a></li>
  <li><a href="#"><span>О сайте</span></a></li>
</ul>