css - div 跳出容器

Question

我相信这个问题有一个简单的答案，但我有一个问题，我的内容 div 容器没有扩展到足以让我滚动浏览我的文本框 div。

内容 div 下方似乎有一个额外的 200-300 px 阻止我看到文本框 div 中的所有内容，即使不需要滚动我也无法查看页面，因为我的背景颜色覆盖了最后一个200-300 像素的文本数据。我试过将一个空的 div 放在文本框内和内容 div 的底部，但没有用......这是我的代码。如果您需要更多信息来帮助我，我可以提供。

相关 CSS:

#imgscroll{
    height:200px;
    width:100%;
    position:absolute;
    overflow:hidden;
    z-index:998;
}
#content {
    position: absolute;
    left: 254px;
    top: 0px;
    width: *;
    height:auto;
    min-width:500px;
    overflow:hidden;
    background-color: #FFF;
    z-index:1;
}
#textbox{
    position:relative;
    top:210px;
    background-color:#CFF;
    margin:10px;
    overflow:hidden;
    padding:12px;
    min-width:500px;
}
#footer{
    position:relative;
    background-color: #099;
    text-decoration: none;
    color: #FFF;
    height: 30px;
}

相关的 HTML:

<div id="content">
<div id="imgscroll">

<ul id="scroller">

    <li><img src="images/slider/image-1.JPG" width="267" height="200"></li>

    <li><img src="images/slider/image-2.jpg" width="267" height="200"></li>

    <li><img src="images/slider/image-3.JPG" width="267" height="200"></li>

    <li><img src="images/slider/image-4.JPG" width="267" height="200"></li>

    <li><img src="images/slider/image-5.jpg" width="267" height="200"></li>

    <li><img src="images/slider/image-6.JPG" width="267" height="200"></li>

</ul>

</div>

<div id="textbox">
<h1>Home</h1>
<br />
All my text is here empty divs below don't fix it. Usually this text is much longer and 

whether there is scrolling involved or not, it is still an issue.<br />
<br /><br /><br /><br /><br /><br /><br /> I cannot see this text at the bottom.
<div> </div>
</div>
<div id="footer">
(c) My Company Name 
</div>
</div>

Answer 1

所有职位是怎么回事？这就是问题的原因-

#imgscroll{
    height:200px;
    width:100%;
    /*position:absolute;*/
    overflow:hidden;
    z-index:998;
}

http://jsfiddle.net/Riskbreaker/xZXUC/

如果你有理由，我明白你的意思，但那是万恶之源。