Div mit ul zentrieren

[balufreak]

Hallo leute. Ich steh mal wieder aufm schlauch...

Ich habe eine DIV-Container mit einer horizontalen ul liste. Nun möchte ich diese jedoch zentriert haben.

hier mal der HTML code:

<div id="pages">
<ul>
  <li class="current_page_item"><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">User</a></li>
  <li><a href="#">Games</a></li>
  <li><a href="#">Events</a></li>
  <li><a href="#">Forum</a></li>
  <li><a href="#">Galerie</a></li>
  <li><a href="#">Files</a></li>
  <li><a href="#">Links</a></li>
</ul>
</div>

und hier das CSS dazu

div#pages {
	height: 30px;
	margin: 0 auto 5px;
	width:800px;
	text-align: center;
}

div#pages ul {
	padding: 0px 0px 0px;
	white-space: nowrap;
	list-style-type: none;
	margin: 0px;	
}

div#pages ul li {
	float:left;
	text-align:center;
}



div#pages ul li.current_page_item a  {
	text-decoration: underline;
}

div#pages ul li a {
	display: block;
	text-decoration: none;
	margin:1px 0px;
	text-align:left;
	font-size:13px;
	padding:10px;
	font-weight: bold;
	color: #999999;
}

div#pages ul li a:hover {
	color: #FF7800;
}

jedoch sieht das ganze so aus:


Es handelt sich dabei um die Menüstruktur unter dem "banner"
Wo ists noch verkehrt?

 

[ThaHammer]

div#pages {
height: 30px;
margin: 0 auto 5px;
width:800px;
text-align: center;
}

Wo ist der 4 Wert?
Gleich darunter beim Padding auch. Ist das Absicht?