menu na liscie poziomej - wyśrodkowanie Opcje

[john_doe]

Witajcie,
napisałem taki styl

[HTML] pobierz, plaintext 
#menu {
  width: 990px;
  height: 46px;
  margin: 0 auto; 
  background-color: #202020;
 
  border: 0px solid red;
}
 
#main-menu {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
 
#main-menu li {
	float: right;
	padding: 0;
}
 
#main-menu li a {
	float: left;
	height: 46px;
	position: relative;
	overflow: hidden;
}
 
#main-menu li a:hover {
	border-width: 0;
}
 
#main-menu li a:hover img {
	position: relative;
	top: -46px;
}
 
[HTML] pobierz, plaintext 

używam to w taki sposób np.

[HTML] pobierz, plaintext 
<div id="menu">
 
	<ul id="main-menu">
 
 
		<li>
			<a href="#" title="title">
				<img src="pics/contact.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/video.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/galerries.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/news.png" alt="title" border="0"/>
			</a>
		</li>
		<li>
			<a href="#" title="title">
				<img src="pics/home.png" alt="title" border="0"/>
			</a>
		</li>												
 
	</ul>
 
</div>
[HTML] pobierz, plaintext 

mój div MENU ma długość 990px grafiki dochodzą do prawej strony tego diva a chciałbym na środeczku...