Проблемы со стилем границ таблицы в Chrome (работает в FF)

В таблице со свернутыми границами мне нужно задать особый стиль границ некоторым ячейкам. В Chrome это не работает должным образом. (Без свернутых границ результат такой, как и ожидалось.)

table { border-collapse: collapse; }
td { border: 1px solid gray; }

Сильная граница: https://jsfiddle.net/r8h7abnf/ Затронута вся нижняя граница ячейки выше.

td.red { border: 3px solid red; }

Без границы: https://jsfiddle.net/yrm8sfLp/ Работает не всегда.

td.gap { border: 0; }

Можно ли как-то адаптировать стили, чтобы работало в обоих браузерах?