Скрин:
В css:
Код
.b_menu {width:194px; margin:0 1px;}
.b_menu li {display:block; height:26px; line-height:26px; padding:0 0 1px 0;}
.b_menu li a {display:block; background:url(/menu1.png) no-repeat 0 0; height:26px; color:#e0e0e0; padding:0 5px;}
.b_menu li a:hover {background-position:0 -27px; text-decoration:none; color:#fff; padding:0 8px;}
В блок:
Код
<div class="b_menu">
<ul>
<li><a href="/">Главная страница</a></li>
<li><a href="#">Навигация</a></li>
<li><a href="#">Навигация</a></li>
<li><a href="#">Навигация</a></li>
<li><a href="#">Навигация</a></li>
</ul>
</div>
Если у вас на сайте блоки шире или уже, то вы можете подредактировать это меню под себя. Для этого вам нужно изменить ширину картинки и изменить ширину в CSS: width:194px, где 194 ставим вашу ширину.
