xhtml+cssでdivをdivで内包する

xhtml+cssでウェブサイトを作成しています。
その際、
<div id="a">
<p>題名</p>
<div class="b">内容</div>
<div class="b">内容</div>
</div>
のようにdiv要素内にdiv要素を内包したいと思っています。
しかしこのままだと親であるdiv id="a"を、子であるdiv class="b"がはみ出してしまいます。
ｃｓｓハックを使用する方法が
http://www.alink.co.jp/tech/blog/2009/04/13/css- …
に掲載されていましたが、ＩＥ７とＩＥ－ＭＡＣが対象のようです。
これと同じような効果が得られるもので、ＩＥ６以降、Ｆｉｒｅｆｏｘ２以降、Ｆｏｄｏｒａそれぞれに対応している方法はありますでしょうか？

私がどうしたいのか少しわかりにくいかもしれませんが、上記ＵＲＬでどうしたいのかはわかると思います。
アドバイスお願い致します。

No.1 ベストアンサー 回答者： CHI-512 回答日時： 2009/07/17 15:03

こんにちは。

#a {
zoom: 100%;
}
#a:after{
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
でOKです。

この回答へのお礼

返答が遅れてすみません。

無事解決しました!

ありがとうございました!

お礼日時：2009/07/18 00:00

No.2 回答者： abril 回答日時： 2009/07/17 20:02

> ＩＥ７とＩＥ－ＭＡＣが対象のようです。

違います。Firefox等、主要モダン・ブラウザに適用されます。
IE7とMac IE5だけ例外的処理が必要になるので、その部分を別個振り分けられる様な指定を付け足しているだけです。

所謂clearfixの書き方にも色々ありますが、私は主にNo.1様と同様の記述を利用しています。

この回答へのお礼

何も理解せず行っている事を痛感しました（汗）

無事解決しました。
ありがとうございました!

お礼日時：2009/07/18 00:03