CSS Window Width Problem

Ok so someone advised me to post this question here, it may sound stupid and trivial to many of you but help a brotha out.

www.gsprating.com

If you collapse the window to about 1200px wide you will notice that you can still scroll to the right, but not to the left. I need the side images to be fluid with the browser window.

If you want to help, please look at the source and style.css and tell me why!!! and how I can fix this problem.

#left{
   background:transparent url(/images/promos/grif_left.png) no-repeat scroll center top;
   height:1080px;
   left:-461px;
   po开发者_如何转开发sition:absolute;
   top:0;
   width:461px;
}

#right{
   background:transparent url(/images/promos/grif_right.png) no-repeat scroll center top;
   height:1080px;
   left:1000px;
   position:absolute;
   top:0;
   width:381px;
}

I couldn't reproduce the problem exactly, I was never able to see scrollbars.

But I did find a problem, you have CSS styles that are setting the body's overflow to hidden.

Here's http://www.gsprating.com/wp-content/w3tc/min/1f1244/default.include.1061365648.css

body {
    background: none repeat scroll 0 0 #000000;
    color: #161514;
    font-family: Arial,Georgia,Tahoma,sans-serif;
    font-size: 13px;
    margin: 0 auto;
    overflow-x: hidden; /* change this to see scrollbar */
    padding: 0;
}