CSSのボックス表示の違いについて

質問

現在、以下のようなボックス配置を作っています。
｜ボックス左｜｜ボックス右｜
<div class="clear"></div>
｜ボックス左｜｜ボックス右｜
<div class="clear"></div>
｜ボックス左｜｜ボックス右｜

ボックス左は左フロート
ボックス右は右フロート
にしてあります。
どちらも幅は250pxにしていしてあります。

そして、その中にこのように文章と画像を入れていきたいのですが、
｜画像１　　｜｜文章　　　｜
｜　　　　　｜｜画像２　　｜
<div class="clear"></div>

実際にやってみると、ボックスの中身の長さが右の方が長い場合、
｜画像１　　｜｜文章　　　｜
｜画像２　　｜｜　　　　　｜
<div class="clear"></div>
このように、画像２が左のボックスの下に表示されてしまうのです。

FFとSafariならこのように
｜画像１　　｜｜文章　　　｜
　　　　　　　｜画像２　　｜
　　　　　　　｜文章　　　｜
　　　　　　　｜画像３　　｜
<div class="clear"></div>
どれだけ中身を増やしても、右のボックスが下に伸びて縦長になっていくだけなのですが、どうしてIEだと上のように隣のボックスの下に画像や文章が回り込んでしまうのでしょうか。どうしてもわかりません。

｜画像１　　｜｜文章　　　｜
｜画像２　　｜｜画像２　　｜
｜画像３　　｜｜文章　　　｜
｜画像４　　｜｜画像３　　｜
<div class="clear"></div>
このように、左のボックスにも中身がある場合は右ボックス内のものは下に回り込みません。

何がいけないのかわかりません。おしえてください。
よろしくお願いします。

回答No.1

SAYKA · ベストアンサー

図を出されても判らないのでソース(HTML,css)を載せて欲しいかな。

まぁ多分margin,paddingの描画方法の違いによって起きている改行(のような)現象だと思うけどね。

お礼

ご回答ありがとうございます。
ご指摘の通り、マージンと余白の解釈がIEだけ違っていたので、
250pxのボックス内に収まるはずの画像でも、はみ出たことになってました。
ありがとうございました。