Petit bug CSS bien vicieux dans les tableaux

Quelques petites déconvenues dans l'application de la couleur de fond des cellules d'un tableau et l'affichage des bordures quand elles sont fusionnées.

table {
    border-collapse: collapse;
}
td {
    border: 1px solid #000;
    position: relative;
    background-color: yellow;
}
CSS
Tableau avec bordure et cellules à couleur de fond.
Header 1 Header 2 Header 3
Item 1.1 Item 1.2 Item 1.3
Item 2.1 Item 2.2 Item 2.3
Item 3.1 Item 3.2 Item 3.3

Le problème apparaît à la fois sur Firefox et sur Edge : les bordures disparaissent derrière la couleur de fond de la cellule et ce serait dû au fait que les cellules soient en position relative. Pour corriger cela, il faut limiter l'étendue de la couleur de fond de la cellule grâce à la propriété background-clip :

table {
    border-collapse: collapse;
}
td {
    border: 1px solid #000;
    position: relative;
    background-color: yellow;
    background-clip: padding-box;
}
CSS corrigé.
Tableau avec bordure et cellules à couleur de fond.
Header 1 Header 2 Header 3
Item 1.1 Item 1.2 Item 1.3
Item 2.1 Item 2.2 Item 2.3
Item 3.1 Item 3.2 Item 3.3