floatで横に並べた【divタグ】の高さが違うことはよくあります。というより、ほとんどではないでしょうか。
そこで無理矢理ではありますが、高さが違うボックスをきれいに揃える方法があります。
【jQuery】のプラグインとかを使用すれば、簡単にできるんですけどね。

CSS

.box{
overflow:hidden;
}
.contents1{
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}
.contents2{
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}

HTML

<div class="box">
<div class="contents1">内容</div>
<div class="contents2">内容</div>
</div>