@Deliboran Basitçe bir menü hazırladım istediğiniz gibi, isterseniz menülerin yanlarındaki borderlarıda ekleyebilirim. Eğer menünün altına sadece renk yerine resim eklemek istiyorsanız bunun düzenlemesinide sağlayabilirim.

Demo için tıklayınız

.menu ul {
	display:block;
	margin:0;
	padding:0
}
.menu ul li {
	list-style:none;
	float:left;
	margin:0 10px 0 0
}
.menu ul li:last-child {
	margin-right:0;
	border-right:0
}
.menu ul li a {
	display:block;
	transition:all .3s ease-in-out;
	color:#555;
	font-family: 'Tahoma' , Arial;
	font-size:17px;
	padding:5px 5px 15px 5px;
	text-decoration:none;
	background: transparent no-repeat center bottom
}
.menu ul li a:hover {
	background: transparent url('menuhover.png') no-repeat center bottom; /* BU KISMA KOYACAĞIN RESİM URL ADRESİNİ VER */
	transition:all .3s ease-in-out
}
.cle {
	clear:both
}

<div class="menu">
	<ul>
		<li><a href="" title="">Ana Sayfa</a></li>
		<li><a href="" title="">Hakkımızda</a></li>
		<li><a href="" title="">Referanslar</a></li>
		<li><a href="" title="">Vizyonumuz</a></li>
		<li><a href="" title="">İletişim</a></li>
	</ul>
	<div class="cle"></div>
</div>