Удалить горизонтальную полосу прокрутки на фоне div

Question

Я использую Supersized jquery plugin для создания слайд-шоу фоновых изображений и текста. Моя проблема в том, что мне нужно, чтобы мой образ имел набор из 1200 пикселей. У меня нет проблем с созданием внешнего вида, но я не могу понять, как удалить горизонтальную полосу прокрутки.

Вот сайт, я работаю над: http://atriaseniorliving.com/roslyntest/

Вот это 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; 
} 

Единственный способ, который я придумал, как удалить полосу прокрутки, чтобы ширина: 100 %, а затем добавьте максимальную ширину: 1200 пикселей. Однако, когда я делаю это, фоновое изображение затем скользит влево при уменьшении ширины браузера.

Любая помощь будет оценена по достоинству.

Answer 1

Хорошо, я считаю, что понял решение. Мне нужно было добавить контейнер div вокруг #supersized ul и установить его для переполнения: hidden.