CSSで高さのバランスが崩れます。

質問

<div class="list">
年度リスト
</div>
<table id="detail">
詳細内容
</table>
をfloatで横並びにしています。
ところがdetailの部分が縦長になってしまい。高さのバランスが崩れます。
その影響でlistの部分の下に背景画像が表示されてしまい格好が悪くなります。
両方の高さを自動的に調整されるようにしたいです。
詳細内容はPHPで動的に変更され長い文章になったり短い文章となります。
高さをあわせる方法が分からず困っています。
教えてください。宜しくお願いします。

回答No.1

noname#83877 · ベストアンサー

listとdetailをdivで囲ってoverflow:hidden;を指定し、そこに背景色か背景画像を指定すると良いと思います。

補足

有難うございます。
IE7ではうまくいったんですが、Firefoxではうまくいっていません。
幅が問題かな・・・。もうちょっと頑張ってみます。