#menu_wrapper {
width: 100%;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc9IoVF2Lav2onq4kBEkwJzHuazId2uz_eXNnQyXhCJrZmpez6Cz3WY7GrHsXUeytVlghaluYOqgv0eMfACvmzvrr8vwHxLXZGorBV-jz4RxScSRKzMfRAT2epNU7SWuVyp6g1Fy7ZZmY/s1600/buymythemes.com_menu.png) no-repeat top center;
}
#menu {
width: 980px;
height: 40px;
margin: 0 auto;
}
ul.navigation {
width: 800px;
list-style: none;
margin: 0 auto;
padding: 0;
}
ul.navigation li {
display: inline;
margin: 0px;
padding: 0;
}
ul.navigation a {
margin-left:10px;
float: left;
display: block;
height: 40px;
padding: 8px 15px 0;
color: #FFFFFF;
font-size: 18px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
ul.navigation a:hover, ul.navigation a.selected {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgurnfpOTRLsonvA0tG9MQvk70194XOQf4sSuunmlQFN1B4E1c09CM6DygqU4-eBen1MWnzurZ0Igy27-p6855Q6P2RVsfgNa9iIn_tNcswHlQM8CPxx2lq4d6qOzWUdSZ7UIti4ihDMQCR/s1600/buymythemes.com_menu_hover.png) repeat-x top center;
color: #FFFF00;
}
ul.navigation a:focus {
outline: none;
}

<<div id='menu_wrapper'>
<div id='menu'>
<ul class='navigation'>
<li><a class='selected' href='TAB1 URL HERE'>TAB1 TITLE HERE<span class='ui_icon home'></span></a></li>
<li><a href='TAB2 URL HERE'>TAB2 TITLE HERE<span class='ui_icon aboutus'></span></a></li>
<li><a href='TAB3 URL HERE'>TAB3 TITLE HERE<span class='ui_icon services'></span></a></li>
<li><a href='TAB4 URL HERE'>TAB4 TITLE HERE<span class='ui_icon gallery'></span></a></li>
<li><a href='TAB5 URL HERE'>TAB5 TITLE HERE<span class='ui_icon contactus'></span></a></li>
</ul>
</div>
</div>