.header { overflow: hidden; padding: 0 280px; height: 186px; background: #9b65c2 url("/music_95/header.jpg") no-repeat; }
.header ul { font-size: 0.9em; float: left; width: 100%; margin-top: 52px; }
.header ul li { float: left; width: 20%; margin: 0 -1px; text-align: center; }
.header ul li a { color: #fff; }
  .header ul li a img { width: 58px; height: 63px; }
  .header ul li a b { display: block; }
  .header ul li a:hover img { background-position: 0 -113px; }

  .header ul li.hmnl1 a img { background-image: url("/music_95/hmnl1.png"); }
  .header ul li.hmnl2 a img { background-image: url("/music_95/hmnl2.png"); }
  .header ul li.hmnl3 a img { background-image: url("/music_95/hmnl3.png"); }
  .header ul li.hmnl4 a img { background-image: url("/music_95/hmnl4.png"); }
  .header ul li.hmnl5 a img { background-image: url("/music_95/hmnl5.png"); }

<div class="header">
  <ul class="reset">
  <li class="hmnl1"><a href="/"><img src="/images/spacer.gif"><b>Главная</b></a></li>
  <li class="hmnl2"><a href="/"><img src="/images/spacer.gif"><b>Чат</b></a></li>
  <li class="hmnl3"><a href="/forum"><img src="/images/spacer.gif"><b>Форум</b></a></li>
  <li class="hmnl4"><a href="/"><img src="/images/spacer.gif"><b>Музыка</b></a></li>
  <li class="hmnl5"><a href="http://yho9400@gmail.com"><img src="/images/spacer.gif"><b>Связь</b></a></li>
  </ul>
  </div>

<li class="hmnl1"><a href="/"><img src="/images/spacer.gif"><b>Главная</b></a></li>