[HTML][CSS]wyśrodkowanie menu Opcje

[Michał90]

Witam,
Jak wyśrodkować menu, żeby było na środku?

[HTML] pobierz, plaintext 
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
 
	font-size: 1.1em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(a_bg.gif) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: center bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: center top;
}
#men {
 
width: 100%;
height: 40px;
background: url(a_bg.gif) repeat-x;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="men">
<ul id="topnav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

Tak to wygląda:
(IMG:http://img840.imageshack.us/img840/692/80366948.th.png)

[askone]

[HTML] pobierz, plaintext 
ul#topnav {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
        width: 650px;
        height: 40px;
}
[HTML] pobierz, plaintext 

Przepisywałem z Firebuga, mam nadzieję że niczego nie pominąłem (IMG:style_emoticons/default/smile.gif)