Problema con DIV Centrado al cambiar tamaño de ventana

[issaec]

Hola! cómo están?. Necesito ayuda con algo de CSS, y es que estoy aprendiendo a usar hojas de estilo.

Por el momento el código está en borrador, hasta obtener lo que quiero ver.

Estoy creando una página con un div centrado, para ello lo tengo de esta manera:

<style type="text/css">
body{ background-image:url('Sin título-2.png'); background-repeat:repeat; overflow: auto; margin-left:auto;
}
.style1 {
left:50%;margin-left :-500px; position:absolute; width:1000px;
}
.abajo{
background-image:url('Sin título-3.png'); position:absolute; background- repeat:repeat-x; width:100%; bottom:0px; margin:auto; height:500px;z-index:99;
}
</style>

donde style1 contiene al momento una imagen (pero luego contendrá el contenido del sitio); abajo es una imagen que adorna el sitio.

//en el body está
<div class="abajo"></div>
<div class="style1">
<img height="600" src="Sin%20título-1.png" width="1000px"/>
</div>

Hasta el momento la página va de lujo, excepto por un detalle: al cambiar de tamaño la ventana del navegador (IE, Chrome) se mueve el div -500px a la izquierda ocultándose parte del div, y no sé cómo hacer que quede centrado aún a pesar de modificar el tamaño de la ventana.

Espero que sirva de ayuda el código expuesto, de paso muchas gracias por tomarse el tiempo de ayudarme, estaré esperando su respuesta!