[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 !!