Двойное расстояние между границами с thead в Chrome и Safari

У меня есть 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.

Ответы

Ответ 1

thead th {position: relative; top: 5px;} сделает это