clearfix - display:table-cell

by redky

HTML

<div class="box">
    <div class="side"></div>
    <div class="main"></div>
</div>

CSS

.box {
  display: table-cell;
  vertical-align: top;
  width: 10000px !important;
  *display: block;
  /* <=IE7 */
  *zoom: 1;
  /* <=IE7 */
  *width: auto !important;
  /* <=IE7 */
}

.box {
    background-color: #e1e1e1;
}

.side {
    float: left;
    height: 100px;
    width: 20%;
    background-color: #faa;
}

.main {
    overflow: hidden;
    background-color: #ffa;
    height: 160px;
}