problema meniu

tot incerc sa obtin meniul ca in poza de mai jos, dar nu reusesc,din cauza scrisului albastru care imi decaleaza tot meniu.mai jos am pus cod-ul css si html pentru meniu ,daca scot acel scris albastru merge ok,dar mie imi trebuie cu scris-ul albastru si nu reusesc.ce trebuie facut?multumesc.
CSS

.underlinemenu{
	font-family: 'Neuton';
	font-weight:bold;
	width:100%;
}
.underlinemenu ul {
	padding:6px 0 0px 0;
	margin:0;
	text-align:left; 
}
.underlinemenu ul li {
	display:inline;
}
.underlinemenu ul li a {
	color:#000;
	margin-right:50px; 
	font-size:15px;
	text-decoration:none;
	text-transform:uppercase;
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected {
	border-bottom:#3E66A1 3px solid;
}
.menu-small {
	color:#A8B8D2;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
}

HTML

<div class="underlinemenu">
	<ul>
		<li><a href="">home<span class="menu-small"><br/>back home</span></a></li>
				<li><a href="">about<span class="menu-small"><br/>company info</span></a></li>
				<li><a href="">clients<span class="menu-small"><br/>relationships</span></a></li>
				<li><a href="">candidates<span class="menu-small"><br/>let us help you</span></a>
				</li><li><a href="">contact<span class="menu-small"><br/>get in touch</span></a></li>
				<li><a href="">blog<span class="menu-small"><br/>latest news</span></a></li>				
	</ul>

			</div>

La cele fără albastru pune-le marginea de jos de 3 px, iar acolo unde setezi border de 3 px albastru, setează marginea de jos iar la 0px