Problema fondo de mi web

Buenas tardes. Estoy diseñando una web y soy nuevo en esto. He puesto una imagen de fondo con una resolución de 1024x768. Luego tengo dos divs, uno para el contenido y en el otro he metido una tabla para los botones. El problema que tengo es que la imagen no se centrarla para que se vea en el centro en todos los navegadores. He probado usando background-position: center, pero al probarlo en los distintos navegadores la imagen de fondo sale descuadrada (no se ve el logotipo que está arriba) y los divs se descuadran. Tengo puesto el siguiente código:

<style type="text/css">
<!--
body {
background-image: url(degradado-ok.jpg);
background-repeat:no-repeat;
background-position: center;
}

#contenedor {
position: absolute;
left:558px;
top:242px;
width:522px;
height:495px;
background-color:#FFFFFF;
padding-left:15px;
z-index:2;
}
#botones {
position:absolute;
left:223px;
top:240px;
width:291px;
height:255px;
background-color:#FFFFFF;
z-index:3;
}
.Estilo1 {
font-size: 14px;
color: #38655e;
font-weight: bold;
}
-->
</style>

Me gustaría que me ayudárais, pues como os he dicho soy nuevo en esto del diseño web y las hojas de estilo. Si tengo algún error en el código, si me falta alguna cosa, etc. Muchas gracias de antemano. Un saludo

podrias darnos el link para ver como se ve?

la página es esta: www.expresocostura.es. Lo que quiero es que se vea centrada en todos los navegadores, con espacio en blanco a ambos lados, y sin que se repita, puesto que he comprobado que en un móvil sale repetido el logo y algo más en la parte de abajo de la página.