problema con contenido centrado y fondo al 100 de ancho.

buenas!

tengo un problema... que no se como resolverlo, ya prove varias formas pero siempre algo se me descuadra jeee.. :roll:
la cuestion es asi, estoy haciendo un website que que contiene un header con una imagen de fondo la cual se repite. dentro del header, debo colocar el logo de la empresa, pero no puedo hacer que quede centrado... junto con el resto del contenido que ire colocando luego.

aca esta el codigo, solo pongo desde el body en adelante.


<html>
<body>
	<header>
		<img src="img/logo.png" alt="Logotipo de la empresa" />
	</header>
	<div id="wrapper">
	<nav>
		<ul>
			<li><a href="#">Inicio</a></li>
			<li><a href="#">Servicios</a></li>
			<li><a href="#">Contacto</a></li>
		</ul>
	</nav>
	</div>
	<footer>
	</footer>
</body>
</html>

aca dejo el css

body { 
	background: url(../img/fondo2.jpg);  
	background-repeat:repeat; 
	margin:0px 0px;
}

#wrapper{
	height:auto;
	margin:0px auto;
	width:800px;
}

header {
	background: url(../img/fondo_header.jpg);
	height:300px;
	margin:0px 0px;
	width:auto;
}

header img {
	margin:0px auto;
}

y adjunto una imagen ;)

agradeceria cualquier ayuda u orientacion de como debo hacer... muchas gracias!!!!!!!!!!! :grin:
Se escribe margin:0 auto; y para que se centre le tienes que dar un ancho a la imagen, mira los px que mide y añádeselos con la propiedad width. Salu2
En la imagen tambien debes añadirle la propiedad de display:block en su css