将div高度拟合到内容高度IE <= 7

Question

我需要将右栏的高度调整到其父div的高度。父级的div高度取决于其他div内容。我读了这个帖子4793540，发现它对firefox和IE＆gt; = 8有用，但旧版本的IE让我的酒吧消失了。你能帮我这个吗？

HTML

<div id="body">
<div id="content"></div>
<div id="bar"></div>
<div id="trick"></div>
</div>  

CSS

#body {
    padding:10px;
    padding-bottom:60px;
    width:960px;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}
#bar {
    width: 100px;
    float:right;
    position: absolute;
    top:0;
    left: 870px;
    bottom:0;
    overflow: hidden;
    padding: 10px 0;
}
#body, #bar {
    min-height: 250px;
    height: auto !important;
    height: 250px;
}
#content {
    width:850px;
    float:left;
}
#trick {
    width:960px;
    height:20px;
    clear: both;
}

网站在线http://jazg.net/naiset/

Answer 1

删除float: left上的#content。

它在其他浏览器中没有区别，但修复了IE7。