Вертикальное меню серо-зеленое меню с эффектом наведения

ul#menu {
  width: 200px;
}
ul#menu li
{
  background: url('http://studioac.ru/uploads/vert-menu/bg-menu.gif') no-repeat bottom left;
  display: block;
  min-height: 30px;
}

ul#menu li:hover
{
  background-position: -200px bottom;
}

.main ul#menu li
{
  width: 199px;
}

.second ul#menu li
{
  width: 189px;
}

ul#menu a:visited,
ul#menu a:link,
ul#menu a
{
  background: url('http://studioac.ru/uploads/vert-menu/cap-menu.gif') no-repeat top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: white;
  padding: 5px 10px 10px 19px;
  display: block;
}

ul#menu a:hover
{
  background-position: -200px 0;
}​

<ul id="menu">
  <li><a href="/" target="_self">Главная</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>
<li><a href="#" target="_self">Ссылка</a></li>

  </ul>