hidden borders in Firefox

by watchduck

HTML

<table>
<tr>
  <td style="" class=matcell>a</td>
  <td class=matcell>b</td>
</tr>
<tr>
  <td class=matcell>c</td>
  <td class=matcell>d</td>
</tr>
</table>

CSS

table {
    border-collapse: collapse;
}

td {
    border: 1px solid black;
    padding: 10px;
    background: yellow;
}

.matcell {
    position: relative;
}