Если сайт на 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 цвет;
}