<ul id="navigation">
<li id="first"><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Products</a></li>
</ul>

 
#navigation {
	padding: 10px ;
	margin-left: 0px;
	background-color: #036;
	color: #fff;
	text-align:center;
}

#navigation li {
	display:inline;	
	margin-left: -4px;
}

#navigation li a{
	padding: 10px;
	color: #fff;
	background-color: #036;
	text-decoration:none;
	border-right: 1px solid #fff;
}

#navigation li a:hover
{
	background-color: #369;
}

#navigation #first a { 
	border-left: 1px solid #fff; 
}