07/10/30 18:44:27 .net
<div id="container"> // width:100%
<div id="alpha"> // width:100% で margin-right: -300px; float: left;
<div id="alpha_reset"> // margin-right: 300px;
<p>ほげほげ</p>
</div>
</div>
<div id="blavo"> // width: 300px; float: left;
<p>ほげほげ</p>
<p>ほげほげ</p>
<p>ほげほげ</p>
<p>ほげほげ</p>
<p>ほげほげ</p>
</div>
<div id="charlie"> // width: 100%; clear: both;
</div>
こんな感じ。今は blavo が alpha より長い状態ね。
IE だと、blavo に margin-bottom: 1em; なんてしてやれば
blavo と charlie の間に 1em の空白ができるんだけど、
FF だと alpha と blavo の両方に margin-bottom: 1em; と
してやらんと隙間が空かないなぁ。というハナシですハイ。