本日の悩ましいCSSバグ2点

◎IEのフロートで行が揃わないバグ

dt { width: 100px; float: left; }
dd { margin-left: 110px; }
とやってddの行がdtより多かった時、IEでddの行揃えがずれる。
ddに
width: 500px;
と幅を明示することで解決。

◎IEで背景画像が前面に押し出されるバグ

どうもフロートを使うとIEでは何かと不具合が多い。
backgroundで指定したimageが前面にきて、表示されるはずの文字が後ろに隠れてしまった。
それも一回見えなくなるまでスクロールしてから元に戻すと、これが不思議と正常に表示される始末。
これもフロートしてるブロックの親要素に
width: 99%;
と幅を明示することで解決しました。