Wyśrodkowanie elementu Opcje

[suchy1]

Witam,

chciałbym wyśrodkować logo (typu jpg) oraz menu. Oba elementy nie moga byc statyczne, jezeli zmienimy rozdzielczosc musze byc w dobrym miejscu.

[HTML] pobierz, plaintext 
#topPan{
	background:url(images/background.gif) 0 0 repeat-x; 
	height:62px; 
	position:relative; 
	margin-top: 35px;
	clear:both;
}
 
#logo{
	width:201px; 
	position:absolute; 
	margin-top:10px; 
	padding-left:20% auto;	
}
[HTML] pobierz, plaintext 

kod html

[HTML] pobierz, plaintext 
<div id="topPan">
  <div id="logo"><img src="images/logo_firmy.gif"></div>
 
  <ul>
		<li class="home">Start</li>
		<li><a href="oferta.html">Oferta</a></li>
		<li><a href="ofirmie.html">O firmie</a></li>
		<li><a href="dojazd.html">Dojazd</a></li>
		<li><a href="kontakt.html">Kontakt</a></li>
  </ul>	
 
</div>
[HTML] pobierz, plaintext 

Czy konieczne jest podanie w CSS szerokosci (wtedy działa). Gdyz che miec w tym DIV tlo na 100% strony (czyt. repeat-x).
Pozdrawiam