Подгоните высоту div к высоте содержимого IE <= 7

Question

Мне нужно подогнать высоту моей правой панели к высоте родительского элемента div. Высота div родителя зависит от другого содержимого div. Я прочитал эту ветку 4793540 и нашел ее полезной для Firefox и IE> = 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.