<style>
#mnu { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #24618E; }
#mnu ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#mnu li { display:inline; margin:0; padding:0; }
#mnu a { float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4lAJCOmiCm4XZT6CuCYPOqGpgIBWnw_vK5oXQUTk8qzh9qlQDQg-RzfQBWKwq1xzvbShv6DXPZy2g-Z04He0h49B3dIv0Gs1kj9AGO45RQxzWf4OBAe90ce_556iiya-bVSsRMLsxkYo/s1600/tableftJ.png) no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; }
#mnu a span { float:left; display:block; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizEGHTSLBJwTvzp5JrQTuEpADgeoRWgg9EXpaZEtIsGy5225eFV5FcExilSt8XvI-XQXoaucC_fsWp7Nf2EYcce8maRwGnonyHj_G5axL1nW3RSMRC4zPvq5AoA_joDnZKg1YamG1qGvA/s1600/tabrightJ.png) no-repeat right top; padding:5px 15px 4px 6px; color:#24618E; }
#mnu a span {float:none;}
#mnu a:hover span { color:#FFF; }
#mnu a:hover { background-position:0% -42px; }
#mnu a:hover span { background-position:100% -42px; }
</style>
<div id="mnu">
<ul>
<li><a href="#"><span>Link 1</span></a></li>
<li><a href="#"><span>Link 2</span></a></li>
<li><a href="#"><span>Link 3</span></a></li>
<li><a href="#"><span>Link 4</span></a></li>
<li><a href="#"><span>Link 5</span></a></li>
<li><a href="#"><span>Link 6</span></a></li>
<li><a href="#"><span>Link 7</span></a></li>
</ul>
</div>
