Firefoxバグ:tdにposition:relativeをかけるとborderが消える

table {
  border-collapse: collapse;
}
td {
  position: relative;
  border: solid 1px #ccc;
  background-color: #fff;
}
  • border-collapseでセルが密着している
  • position: relativeをかけている
  • 背景色がついている

以上のケースではtdのborderが消えてしまう。

消えてしまうというよりbackground-colorを切ると枠線が出るため、背景の下に埋まってしまう。

Firefoxのみで発現するためバグと思われる。