Как сделать высоту по содержимому div?

Question

[r1ch]

<div class="content">
      здесь дивы
      <div class="clear_float"></div>
  </div>
  <div class="footer">
  </div>

div.content{
    background-color: #F9F9F9;
    width:962px;
    min-height:400px;
    height:auto;
}
.clear_float {
    clear:both;
}
div.footer {
    background-color: #F9F9F9;
    width:982px;
    height:28px;
}

В chrome, firefox, opera нормально, а в ie8 блок footer оказывается под div-ами из content

Comments

[r1ch]

ВСЕМ СПАСИБО, ВОПРОС РЕШЕН!!!

Answer 1

[Anton Essential]

<div class="clear_float"></div> Не очень хороший тон
Отчистку флоатов делайте классом .clear-fix

clear-fix::after {
    content: '';
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

Для Ie8

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

nicolasgallagher.com/micro-clearfix-hack/

Answer 2

[hypnoser]

А чем хуже overflow:auto?