Puedes hacerlo del siguiente modo:
Primero ten en cuenta que deberás poner divs contenedores(po ejemplo "wrapper_cabecera") para que ocupen todo el ancho de la ventana, y allí ponerle el background centrado, com fondo del div, no <img> directamente, ya que entonces si te aparecerá el scroll.
seria algo así:
Código:
<div class="wrapper_cabecera">
<div class="cabecera">Contenido que toque</div>
</div>
...
y para el css:
Código:
div.wrapper_cabecera{
width:100%;
background:url(ruta_imagen) center top no-repeat;
}
div.wrapper_cabecera div.cabecera{
width:1006px; /*anchura que quieras*/
margin:0 auto;
}
Con esto tendras el fondo que quieras, se verá la parte que se pueda ver según ancho ventana, y no te saldrá scroll
Se me olvidaba decir, que esto tiene que estar fuera de cualquier div, que limita anchura, y que en el body tampoco debes ponerle width, porque entonces si saldria scroll.
Entonces, con el resto del contenido debería quedar algo así:
Código:
<body>
<div class="wrapper_cabecera">
<div class="cabecera">Contenido que toque de la cabecera</div>
</div>
<div class="contenido">Contenido que toque del resto de la página</div>