刪除背景div上的水平滾動條div

Question

我正在使用超級jquery插件來創建背景圖片和文本的幻燈片放映。我的問題是我需要我的圖像有一個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 ％，然後添加最大寬度：1200px。但是，當我這樣做時，當您減小瀏覽器寬度時，背景圖像會向左滑動。

任何幫助，將不勝感激。

Answer 1

好吧，我相信我想出瞭解決方案。我需要在#supersized ul周圍添加一個容器div，並將其設置爲overflow：hidden。