zanikające "boczki"

[ogor89]

Cześć,
nie bardzo wiem jak zatytułować wątek, więc administrację proszę w razie czego o zmianę tytułu. Mam taki kod:

Kod:

<!-- start sides -->
<div id="sides">
  <div id="sides_left"></div>
  <div id="sides_right"></div>
</div>
<!-- end sides -->

<!-- start main -->
<div id="page_wrapper">
  <div id="header">
    <div id="logo"></div>
    <div id="content"></div>
  </div>
</div>
<!-- end main -->

CSS:

Kod:

html, body {
    background:    rgb(50,50,50) url(tlo.png) repeat;
    color:        #000;
    margin:        auto;
    padding:        0;
    color:        black;
    font:            15px Verdana, Helvetica, sans-serif;
}

#sides{
/*    position:    static;
    z-index:        -1001;
*/    margin:        0 auto;
    padding:        0;
    width:        1160px;/*1170px;*/
    height:        649px;
    position:    center;
    background:    rgb(255,0,0);
}

#sides_left{
/*    position:    static;
    z-index:-1001;
*/    margin:0;
    padding:0;
    clear:    left;
    float:    left;
    width:        130px;
    height:        649px;
    background:    transparent url(naglowek_l.png) no-repeat;
}

#sides_right{
/*    position:    static;
    z-index:-1001;
*/    margin:0;
    padding:0;
    clear:    right;
    float:    right;
    width:        130px;
    height:        649px;
    background:    transparent url(naglowek_p.png) no-repeat;
}

#page_wrapper{
    position:    relative;
/*    z-index:            -100;*/
    top:            -649px;
    width:            900px;
    margin:            0 auto;
    padding:            0;
    clear:            both;
    background:    rgb(0,0,255);
}

#header{
    /*position:    static;
    z-index:        -100;*/
    width:        900px;
    height:        255px;
    background:    transparent url(naglowek.png) no-repeat;
}

#logo{
    
}

#content{

}

"page_wrapper" to właściwa treść strony z nagłówkiem, logiem, tekstem, itd. Ten div jest przesunięty w górę o wysokość dodatkowych boczków. Div-y "sides_left" i "sides_right" są szerzej niż główna kolumna (page_wrapper). Są to dodatkowe grafiki i chcę żeby "wychodziły" poza okno przeglądarki jeśli szerokość okna jest za mała żeby się wszystko pomieściło. Nie wiem jak to zrobić. Udało mi się uzyskać efekt, że główna kolumna zachowuje się tak jak chcę, ale ciągle mam kłopot z tymi dodatkami.
Screeny:

Chodzi o to, żeby te boczki wychodziły poza okno przeglądarki i nie było paska do przewijania na dole. Główna kolumna ma być cały czas widoczna i jeśli się nie zmieści to wtedy ma się pojawiać pasek.