Двойной интервал с thead в Chrome и Safari

Question

У меня есть table, который использует thead и tbody.table имеет набор border-spacing, а в Chrome и Safari пробел между строкой заголовка и , остальные удваивается.

Сообщалось, что выпуск для Chrome в конце прошлого года, но это единственная ссылка на это, которую я могу найти.

Кто-нибудь еще имел это или знает, как обойти это?

<table style="border-spacing: 0 5px">
<thead>
    <tr>
        <th>Heading 1</th>
        <th>Heading 2</th>
        <th>Heading 3</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Cell 1</td>
        <td>Cell 2</td>
        <td>Cell 3</td>
    </tr>
</tbody>

В Firefox он отображается, как и ожидалось (все строки с одинаковым интервалом), не уверено IE.

Answer 1

thead th {позиция: относительная;top: 5px;} сделает это

Answer 2

Это не совсем «решение», но вы можете посмотреть здесь, чтобы найти обходной путь, который работал с моим конкретным случаем:

Как убрать дополнительный интервал между элементами TBODY