A ver si esta estructura te sirve. #motivo sería el div que aloja la imagen que quieres que se repita a lo largo de toda la ventana, viéndose por los laterales de la página hasta los extremos de la ventana. Lógicamente, tendrás que modificar la altura del div que la contiene, que debe ser igual a la altura de la imagen del background.
Código css:
Ver original* {margin: 0; padding: 0; position: relative;}
#motivo {
background:transparent url(tu_imagen.jpg) repeat-x;
height:Xpx;/*lo que tenga tu imagen de altura*/
position:absolute;
width:100%;/* el valor es cien por cien, pero el tag cambia el símbolo de porcentaje por su "html entity"*/
top: Xpx; /* los que necesites para que coincida la imagen*/
z-index:-1;
}
#contenedorgral {
background:transparent url(tu_imagen) repeat;
margin:0 auto;
width:800px;
}
En el html:
Código html:
Ver original<div id="contenedorgral"> <!-- aquí toda tu página -->