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 · ベストアンサー

#contents1の項のかっこがおかしく、borderがかっこの外にあります。
これではボーダーがひかれません。

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

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

回答No.3

noname#23734

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

回答No.2

MAN_MA_RUI

IEはCSSの記述ミスに関して寛容ですが、Fxは結構厳格です。
コレが原因で表示に差異が生じるケースもあるようなのでお気をつけください。

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

参考URL：

http://www.mozilla.gr.jp/standards/