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;
}