FireFoxでCSSのボーダーが反映されません

FireFoxでのCSS表示について教えて下さい。
現在、IEでは見れるものがFireFoxで反映されておりません。
どこかに原因があるとは思うのですが、見つからないのです。。。涙
Bodyとページ全体のCSS、及び問題箇所のCSSを記述します。

#body {margin: 0px;
　width: 100%;
　padding: 0px;
　border: 0px;
　height: auto;}
#page {background-color: #ffffff;
　width: 746px;
　height: auto;
　margin: 0px;
　padding: 0px;
　border-collapse:collapse;
　border: 0px;
　border-spacing:0px;}
#page td {line-height: 120%;
　font-size: 12px;
　color: #000000;}

#contents1 {width: 746px;
　border-collapse:collapse;
　border-spacing:0px;
　margin:0px 0px 5px 0px;}
　border: 1px solid #666633;
#contents td {font-size: 12px;
　line-height: 120%;
　color: #000000;
　padding-top: 2px;
　padding-bottom: 2px;}
#contents2 {width: 350px;
　height: 45px;}
#contents2 td {border: 1px solid #999999;
　font-size: 12px;}

※contents1は外枠のみボーダーカラーをつけたいと思います。
contents2では、tdのみ枠をつけて、外枠は表示させたくありません。
(大枠の中にいくつか枠付きの行が表示される状態にしたいです)

idではなくclassにする方が良いのでしょうか？
CSSについては独学なので、記述もほとんどDW頼りです。
参考サイトなどご存知でしたら教えて下さい。。。

以上、よろしくお願いいたします。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2006/12/14 11:54

#contents1の項のかっこがおかしく、borderがかっこの外にあります。

これではボーダーがひかれません。

#contents1 {width: 746px;
　border-collapse:collapse;
　border-spacing:0px;
　margin:0px 0px 5px 0px;} ←これ
　border: 1px solid #666633;

それとインデントに全角スペースはまずいですね。半角スペースや
タブでやってください。

No.3 回答者： noname#23734 回答日時： 2006/12/14 21:25

CSSの間違いはNo1の方が指摘しているところだと思いますがFirefoxならCSSの間違いもツールの所にあるJavaScriptコンソールで教えてくれると思いますよ。

No.2 回答者： MAN_MA_RUI 回答日時： 2006/12/14 20:13

IEはCSSの記述ミスに関して寛容ですが、Fxは結構厳格です。

コレが原因で表示に差異が生じるケースもあるようなのでお気をつけください。

ついでに言うとFireFoxはスペルミスね。
http://www.mozilla-japan.org/support/firefox/faq …

参考URL：http://www.mozilla.gr.jp/standards/