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

<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;
}