[CSS] Estendere un div oltre la risoluzione di lavoro

[race2]

Salve,
sono impazzito per estendere un DIV nel mio sito oltre la risoluzione dell'area visibile.

es:
- il mio monitor lavora a 1920px, oppure altri monitor che lavorano a risoluzioni inferiori
- ho un immagine di 2200px
- vorrei centrare l'immagine nello schermo ma non fare apparire la barra di scorrimento orizzontale

Come possi fare ??

Io ho fatto così ma non funzione, la barra appare...

CSS:

#divBG
{
position:absolute;
width:2200px;
height:500px;
left:50%;
margin-left:-1100px;
background:url(../images/bg_1.jpg) top left no-repeat;
}


HTML:

<div id="divBG"></div>

[OoZic]

http://jsbin.com/beravoxake/edit?html,css,output

l'immagine e'larga 2000px ma rimane centrata e visibile solo per lo spazio della viewport, senza barra di scorrimento laterale.

html

<div class="wrapper">
<div class="img-wrapper"></div>
</div>


css

.wrapper {
width:100%;
height:300px;
background-color:#22dddd;
}

.img-wrapper {
background-image:url('https://placeholdit.imgix.net/~text?txtsize=47&txt=2000%C3%97200&w=2000&h=200');
height:100%;
background-repeat:no-repeat;
background-position:center center;
}

[race2]

OK, perfetto.

Grazie mille !!