Fondo fijo horizontalmente

[miguec04]

Hola amigos, lo que pasa es lo siguiente, en la pagina, http://dekoflowers.creandosoft.com:82/ tengo un fondo fijo, y ta bien, verticalmente el sitio crece y el scroll vertical sale, y la imagen se me queda quieta, pero el problema es al reducir la pantalla a lo ancho, el scroll horizontal aparece, pero la imagen se corre, la imagen de fondo, como hago para que quede estatica.

muchas gracias aqui pongo los estilos que utilizo:

Código CSS:

BODY{
    width:100%; 
    height:100%; 
    background: url(../../public/images/presentacion/principal/imgFondo.png);
    background-repeat: repeat-x;    
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #000000;
}
 
.contenido {
    background: url(../../public/images/presentacion/principal/fondoArea.png) no-repeat bottom center;
    background-repeat:  no-repeat;
    background-attachment:fixed;
    height: auto !important;
    min-height: 100%;
    height: 100%;
    line-height:100%;
    z-index: 1;
}
 

[kseso?]

Bonitas tablas.

Ocurre lo que debe ocurrir por la declaración que hace en su css:

.contenido {
background: url("../../public/images/presentacion/principal/fondoArea.png") no-repeat fixed center bottom transparent;

Los valores implicados están resaltados.

Debería replantearse su estructura (layout).