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