Firefoxで、float:leftさせた2つのボックスが重なるのを回避したい。



<div class="boxl">
左カラム
</div>
<div class="boxr">
右カラム
</div>

こうしたHTMLで、Firefoxだけ、float:leftさせた2つのボックスが重なる(右カラムが左にくっつく)場合がある。

これは、右カラムのボックスに


margin:0 0 0 auto;

を入れて回避する。


div.boxl{
float:left;
width:100px;
}
div.boxr {
float:left;
margin:0 0 0 auto;
width:300px;
}