В Firefox ширина ячеек таблицы неправильно добавлена

Question

Это происходит в Firefox, при этом нормально работает на Chrome.

Последняя ячейка занимает больше места, чем отдана ячейке. Все значения в сумме составляют 100%.

Рассмотрим следующий код:

<table style="position: relative;" width="100%" cellspacing="0" cellpadding="0">
    <tbody>
        <tr>
            <td style="background-color:#E5FFC8;border-top:#a6a6a6 1px solid;border-left:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="75.68%" height="50px"></td>
            <td style="background-color:#FFC2C2;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="15.03%"></td>
            <td style="background-color:#9EC6FF;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="4.81%"></td>
            <td style="background-color:#FFFF99;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="1.83%"></td>
            <td style="background-color:#FFCC99;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="2.46%"></td>
            <td style="background-color:#FFC8EC;border-top:#a6a6a6 1px solid;border-right:#a6a6a6 1px solid;border-bottom:#a6a6a6 1px solid" width="0.19%"></td>
        </tr>
    </tbody>
</table>

Это на Chrome: Chrome

Это на Firefox: Firefox

Протестировано в Linux, версия Firefox: Quantum 66.0.4, версия Chrome: 74.0.3729.169

Answer 1

отредактируйте свою последнюю строку следующим образом.

<td style="background-color:#FFC8EC;border-top:1px solid #a6a6a6;border-right:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6; width:0.19% !important" width="0.19%"></td>