XHTML、CSSレイアウトでフッターを常に最下部に配置するには?

質問

フッターを最下部に表示したいのですが、#footerに
position: fixed; bottom:0;を付け加えてもフッター
だけ最下部に表示されコンテンツ部分がついてきません。

ヘイトに100%をつけくわえるのでしょうか?
どうかご教授願います。
body {
margin: 0;
padding: 0;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:1em;
background-color:#CCCCCC;
}

ol,ul,li {
margin: 0;
padding: 0;
}

li {
list-style:none;
}

h1,h2,h3,p {
margin: 0;
padding: 0;
}

#container {
margin: 0 auto;
text-align: left;
width: 740px;
height: 100%;
background-color:#FFFFFF;
}

#header {
width:740px;
height:80px;
margin:0;
padding:0;
background-color:#FFFFFF;
background-image:url(img/nine_rogo.gif);
background-repeat:no-repeat;
background-position:left center;
}

#contents {
width:740px;
height:100%;
margin:0;
padding:0;
background-color:#FFFFFF;
}

#menu {
float:left;
width:140px;
height: auto;
margin:0;
padding:0;
background-color:#FFFFFF;
color:#000000;
}

#main {
float:right;
width:580px;
height:auto;
margin:0;
padding:0 0 0 10px;
background-color:#FFFFFF;
color:#000000
}

#footer {
clear:both;
width:740px;
height:auto;
background-color:#FFFFFF;
color:#000000;
font-size:1em;
padding:0.3em 0;
text-align:center;
}

回答No.1

noname#19206

position: fixedはIE非対応だったはずです。違ったかな・・・？

補足

ご回答ありがとうございます。
昨日悶々としたなか質問してしまいなんだか説明不足な
文章で申し訳ありません。

過去ログで似たような回答を参照したのですが明確なも
のがなかったもので・・・

当方Macでposition: fixedはfirefoxでは一応適用されるようですが。
テーブルのようにヘイト100%指定で簡単に適用できればよいのですが。