html - 如何使用绝对定位的容器在 IE7 中解决此溢出问题？

Question

我创建了一个在 IE8+ 中运行良好但在 IE7 中运行良好的布局。问题是，绝对定位的#container（其顶部将其推到标题下方，底部为零以填充正文）填充ie7中的整个内容长度，而不仅仅是填充正文。

我已经设置了一个 jsfiddle http://jsfiddle.net/TPNpy/97/来显示正在发生的事情，并且非常感谢任何帮助。

使用 javascript 为 ie7 设置高度是我最后的手段，我不相信这是唯一的方法。

谢谢

查看 jsfiddle 中的代码会更容易，但这里是基本结构和 CSS：

#container { background-color: #333; width: 100%; position: absolute; bottom: 0; top: 80px; }
#sidebar { background-color: #333; width: 170px; height: 100%; float: left; overflow: hidden; overflow-y: auto; }
#content { background-color: #F9F9F9; height: 100%; margin-left: 170px; overflow: hidden; overflow-y: auto; }

<div id="container">
  <div id="sidebar">
    Sidebar Content (which allows scrolling when very long)
  </div>
  <div id="content">
    Main Content (which allows scrolling when very long)
  </div>
</div>