如何使用绝对定位的容器修复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>