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

CSS

[code language=”css”].box{
overflow:hidden;
}

.contents1{
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}

.contents2{
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}[/code]

HTML
[code language=”css”]
<div class="box">
<div class="contents1">内容</div>
<div class="contents2">内容</div>
</div>
[/code]