Горизонтальное меню навигации с иконками?
<div class="menu">
    <a class="menu-item-bank">Банки</a>
    <a class="menu-item-advice">Советы</a>
    <a class="menu-item-experience">Личный опыт</a>
    <a class="menu-item-expert">Эксперты</a>
    <a class="menu-item-forum">Форум</a>
    <a class="menu-item-news">Новости</a>
</div>.menu{
   position:relative;
}
.menu-item-bank,
.menu-item-advice,
.menu-item-experience,
.menu-item-expert,
.menu-item-forum,
.menu-item-news{
   display:inline-block
   padding:4px 4px 4px 24px;
   background: transparent url("sprite.png");
   border-bottom-width:3px;
   border-bottom-style: solid;
}
.menu-item-bank{background-position:0 0;border-bottom-color:#001}
.menu-item-advice{background-position:-24px -24px;border-bottom-color:#002}
.menu-item-experience{background-position:-48px -48px;border-bottom-color:#003}
.menu-item-expert{background-position:-72px -72px;border-bottom-color:#004}
.menu-item-forum{background-position:-96px -96px;border-bottom-color:#005}
.menu-item-news{background-position:-120px -120px;border-bottom-color:#006}
можно как-то так :)
Если сайт на WP, то там уже есть такая функция в настройках меню. Если же все руками, то лучше делать через background.<ul id="top_menu">
<li class="menu_item1"><a href="/banki.html">Банки</a></li>
<li class="menu_item2"><a href="/soveti.html">Советы</a></li>
</ul>
и потом в css уже накидать свойства.#top_menu {
width:100%;
position:relative;
display:block;
}
.menu_item1 {
 background:url("/img/banki.png") no-repeat left center;
padding:10px 0 10px 20px;//правый отступ под сам background
width:120px;// для каждого уже свой
border-bottom:3px solid цвет;
}