trにborder-bottomを引く!
trに下線を引きたい。普通に考えれば tr{border-bottom:1px #eee solid;
}
と考えるところですが、実はこれではうまいこといきません。(線が表示されない!)
これでだいぶ悩みましたが、以下の方法で解決しました。
tableへborder-collapse:collapseを設定!
CSS2.1の仕様では、table要素のborder-collapseプロパティがcollapseの場合のみ、tr要素のborderプロパティが有効なようです。(border-collapseプロパティのデフォルトはseparate。) FireFoxはこれを忠実に実装しており、下記ソースで下線が表示されます。
border-collapseを省略、またはseparateにすると下線は出ません。