xhtml+cssでdivをフロートさせたらはみ出る！(dw8)

質問

dreamweaver8体験版でCSSレイアウトの練習をしています。
下のように書いたのですが、hedderがぺったんこになっていて、色が付かないのはどうしたらいいでしょうか。
他の所でも、外側のdivはフロートされていないものまでしか広がってくれないので（？）はみ出してます。
表レイアウトしかしたことがないと、divとfloatの関係が理解しづらくてつらいですね。
よかったら勉強になるサイトも教えてください。
よろしくお願いします。

<div id="hedder">
<div id="hed_image">
<img src=".." width="69" height="50" />
<img src=".." alt="" width="207" height="42" /> </div>
<div id="hed_menu">
<p>....</p>
<p>.....</p>
</div>

</div>

#hedder {
width: 800px;
background-color: #FFFFCC;
}
#hed_image {
padding: 0px;
float: left;
width: 40%;
margin: 0px;

#hed_menu {
float: left;
margin: 0px;
width: 60%;
padding: 0px;
}

回答No.1

crepon133 · ベストアンサー

#hedder {
width: 800px;
background-color: #FFFFCC;
}
#hed_image {
padding: 0px;
float: left;
width: 40%;
margin: 0px;
}
#hed_menu {
float: right;
margin: 0px;
width: 60%;
padding: 0px;
}
.c-both {
clear:both;
}

<div id="hedder">
<div id="hed_image">
<img src=".." width="69" height="50" />
<img src=".." alt="" width="207" height="42" />
</div>
<div id="hed_menu">
<p>.......</p>
<p>.......</p>
</div>
<br class="c-both">
</div>

これでいかがですか？

お礼

できました！ありがとうございます！