information

height:100%を実現するには

ボックスのheightは、その親要素のheightに依存するので、高さ100%を実現するには、大元の親要素である、html と body の段階から height:100%; が定義されている必要があります。
　#containerの高さを100%に、かつ、ページの上下にヘッダーとフッターを強制的に配置する方法については、このページのソースを辿ってCSSをご覧下さい。