footerのmarginが適用されません

http://chicken-tori.21mhz.net/web/index.html
http://chicken-tori.21mhz.net/web/css/layout.css

footerの上にmargin-top: 10px;を適用させたんですが、IEだとちゃんと適用され、FireFoxだと適用されず、くっついた状態です
。
どのようにすれば、marginを適用できるんでしょか？

No.4 ベストアンサー 回答者： noname#100277 回答日時： 2009/02/06 23:05

CSSでfooterからmarginを全て削除。

替りにmenuとmainに以下を追加。
margin-bottom: 10px;

確認ブラウザは以下の通り。
InternetExplorer6：Firefox2.0.0.20(3.0.6)：google_chrome1.0.154.43：lolifox0.3.6：Lunascape4.8.1
navigator9.0.0.6：opera9.63：safari3.1.2(525.21)：seamonkey1.1.14：sleipnir2.8.4(2804400)

この回答へのお礼

ありがとうございます。間を空けることができました。footerのmargin-topが適用されず、menuとmainでmargin-bottomが適用できた理由はなぜなんでしょうか？

お礼日時：2009/02/09 16:35

No.3 回答者： ORUKA1951 回答日時： 2009/02/06 16:19

　floatはおかしい・・・。

特にIEの処理はおかしいので、それを目当てに作成するとダメです。
　position:relatve;がよいと思いますが・・

　floatを使うとhr等でclearが必要になりますが、IEの、バグで余白の調整が出来ません。

No.2 回答者： N0_Thx 回答日時： 2009/02/06 16:16

あ～ごめん

以下でダメなら外枠からパッディンを取ればいいんだよ

教えて？No_Thx☆彡

No.1 回答者： N0_Thx 回答日時： 2009/02/06 16:08

margin 10px 0px 0px 0px;でいいんじゃないか？

教えて？No_Thx☆彡