borderがおかしくなる・・・

質問

以下のようにそれぞれの要素に直接styleで指定したのですが、IE以外では、一番大枠である外側のボーダーが全体を囲んでくれません。
解決法が分らず困っています。
アドバイスいただけたら幸いです。

<div style="width:717px;border:solid 1px #999;padding:15px;">

<div style="float:left; width:335px; text-align:left; line-height:1.5em; border-right:solid 1px #999; padding-right:10px;">
<p style="color:red;">
●日本未発売だから百貨店や直営ショップでは買えません！<br>
●ワンタッチで「パッ！」と開いて機能的！<br>
●選べるカラーは全4色！プレゼントにも最適です♪<br>
●まだ持ってる人も少ないハズ★狙ったカラーは急いで！！
</p>
<p>
「雨の日は心も曇っってちょっと憂鬱！？」<br>
「でも！レスポの傘で雨のひだって」、<br>
「とってもHAPPY～～☆！！」
</p>
<p>
■USAで新発売の日本未入荷！レアアイテム。今回USAでも発売されたばがりの4柄すべてを限定入荷！<br>
■パッとワンタッチでレスポの可愛い柄が広がります♪傘になってもレスポはやっぱりキュート☆★☆<br>
特に折りたたみ傘って地味…な物がとっても多いですよね(￣へ￣|||) <br>
そんなあなたに！文句なしに☆☆☆☆☆！5つ星のお勧めアイテムです！<br>
自慢のレスポでいつもは鬱陶しい雨の日も、今度は楽しみになっちゃうこと間違いナシですね♪<br>
</p>
<p>
もちろんデザインだけではなく、機能的にもワンタッチオープン、バッグに手軽にしまえるコンパクト設計、使い勝手も『グ～♪』<br>
</p>
<p style="color:red;"><b>
今回、共同購入だけの特別価格！<br>
40本の限定販売なので早い者勝ちです！<br>
レスポ特製BOX入りなので、ご自分用とプレゼント用にセットでも♪<br>
露が待ち遠しーーくなっちゃいます ヾ(≧▽≦)ノ イヒヒヒー♪
</b><p>
</div>

<div style="float:right; width:335px; text-align:left; line-height:1.5em;">
■ブランド：LeSportsac（レスポートサック）<br>
■商品名：LeSportsac　折畳み傘　Mini Umbrella<br>
■型番：4585-Mini Umbrella<br>
■材質：ポリエステル、ラバー<br>
■生産国：中国<br>
■サイズ：畳んだ状態/（約）29.85×6.35cm、開いた状態/（約）直径100cm、持ち手長さ50cm、ストラップ長さ/（約）12cm<br>
■重量：（約）335g<br>
■スペック：オートオープン/マニュアルクローズ<br>
■付属品：収納袋、箱<br>
※商品の発送は最終価格になり次第順次となります。
</div>

</div>

回答No.1

yambejp · ベストアンサー

中身のdivがfloatしているので高さが得られないのでしょうね。

<div style="clear:both;"></div>
をけつの</div>の前にいれてやってください

お礼

ありがとうございます！
無事に解決いたしました＾＾