Remove horizontal scrollbar on div background

Question

I am using the jQuery Supersized plugin to create slide shows of background images and text. My problem is that I need my image to have a set of 1200 pixels. I have no problem creating the appearance, but I can't figure out how to remove the horizontal scrollbar.

Here is the site I'm working on: http : //atrias seniorliving.com/roslyntest/

Here is the css:

#supersized {  
  display:block; 
  position:absolute; 
  left:50%; 
  top:38px; 
  margin-left:-600px; 
  overflow-x:hidden; 
  z-index:-999; 
  height:472px; 
  width:1200px; 
}

#supersized li {
  display: block;
  height: 472px;
  left: 0;
  list-style: none outside none;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -30;
}

The only way to figure out how to remove the scrollbar is to make the width: 100%, and then add the maximum width: 1200 pixels. However, when I do this, the background image then slides to the left as the browser width decreases.

Any help would be appreciated.

Answer 1

, , . div #supersized ul : hidden.