Centering a navigation bar

[FCC]

Hey, here is a screenshot of what I have:



How would I center this bar? Here is my code:

HTML

<div id="navContainer">
<ul id="nav">
<li><a href="#">服務簡介</a></li>
<li><a href="#">特別通告</a></li>
<li><a href="#">浩動預告</a></li>
<li><a href="#" class='last' >查詢</a></li>
</ul>
</div>

CSS

#navContainer
{
	border-bottom:  1px solid black;
	background: url('../Images/navigationBackground.gif') repeat-x;
	height: 25px;		
	padding: 10px 0;
	float: left;
	width: 100%;
}


ul#nav
{
	list-style-type: none;	
}

ul#nav li 
{
	display: inline;	
}

#navContainer a 
{
	padding: 0 10px;
	text-decoration: none;	
	text-align: center;	
	color: #FFF;
	float: left;	
	border-right: 2px solid #454744;
	height: 22px;
	line-height: 23px;
}

#navContainer a.last
{
	border: 0px;
}

#navContainer a:hover
{
	color: #ffe12b
}

Any ideas?

[Tyssen]

Add text-align: center to the ul and remove the float: left from #navContainer a.

[FCC]

Killer. Thanks Tyssen.