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-clearfix%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9Fdiv%E3%81%AE%E6%AE%B5%E7%B5%84%E3%81%BF%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF/
に掲載されていましたが、ＩＥ７とＩＥ－ＭＡＣが対象のようです。
これと同じような効果が得られるもので、ＩＥ６以降、Ｆｉｒｅｆｏｘ２以降、Ｆｏｄｏｒａそれぞれに対応している方法はありますでしょうか？

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

回答No.1

CHI-512 · ベストアンサー

こんにちは。

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

お礼

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

無事解決しました!

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

回答No.2

abril

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

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

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

お礼

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

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