divの高さが0pxになる

ブラウザの仕様で、float:left、または float:rightが設定された子要素の高さは無視されることが原因。 対応方法として１．clearfixを使う方法、２．overflow属性を使う方法が以下のブログで紹介されている。

http://ogatism.jp/techs/float_height/

参考：

http://www.geocities.jp/multi_column/float/05.html