CSSでdivの縦幅を指定する方法

CSSで、div領域の縦幅を指定する方法を教えてください。 下記のような感じのHTMLで、Aが外枠、中のBとCがfloatを使って横並びになっています。 B、C共に、縦のサイズをAの縦幅いっぱいまで（内容の高さに拘わらず常に）広げる方法がわかりません。 （ブログのテンプレート用なので、内容は一定ではありません） height:100%としてみましたが無理でした。 <div id="A"> <div id="B"> メニュー </div> <div id="C"> 本文 </div> </div> よろしくお願いいたします。

[halohalolin]

縦幅一杯に表示するCSSのボックスを作成するには、html, body のサイズも height: 100%; 指定する必要がある