firefoxのborderのバグ

HTML・CSS | 2010.11.17

珍しくfirefoxのバグに遭遇しました。
一つのページ内にいくつかのテーブルを配置していたところ、
テーブルによってはセルの線（スタイルシートのボーダーで指定していました）が表示されたりされなかったりする現象です。
特徴としては、条件を満たすと必ず表示されないというものではないので見つけにくい事です。

解決法を探していたところ、こちらのブログにたどり着きました。
Firefox でテーブルの線（border）が表示されたりされなかったりする件の対策。
btmup Blogさんの記事のおかげですぐに解決する事ができ、たすかりました。
ありがとうございました！

で、今回の私の場合、

border-collapse: collapse;
を
border-collapse: separate;
に変え

border: #000 solid;
border-width: 1px 0 0 1px;
を
border-top: 1px solid #000;
border-left: 1px solid #000;
のように変えることで、無事思い通りに表示させることが出来ました。

ボーダーの指定や画像の指定などは、まとめて表記する方が簡単なので、デフォルトとして使っていますが、
別々に表記するとなおるバグも多いような気がします。
書き方は「慣れ」の部分も多いので、個別指定に慣れておいた方がよいのかもしれません。