横向滚动条问题求救

现有一个背景div #background, width=1400px ，其子结点有一个内容div #content width不定，可能很长 ，现在横向滚动条是对应background的，但是当content的width很大时，滚动条依然只能拖动到1400px处，如何令其能够拖动到适应content的宽度？ apDiv1就是content

 #background {
    background-image: url("../images/background/rain2.jpg");
    left: 0px;
    top: 0px;
    width:100%;
    height: 100%;
    position: absolute;
    overflow-x: visible;
    overflow-y: hidden;
    z-index: 20;
｝

#apDiv1 {
    position: absolute;
    left: 1000px;
    top: 0px;
    width:100%;
    height: 100%;
    background-color: rgba(240,240,240,0.9); 
    overflow-x: hidden;
    overflow-y: hidden;
    z-index:22;
｝

![]

上图是一个小部分的截图，可以看到那个滚动条已经不能再继续滚动了，但其实这个div还有很多内容显示不了 请问：如何能够解决这个问题？好人一生平安

---

width 不要用 %;