Проблема с указанием размеров в IE

[demoniqus]

Добрый день!

Столкнулся с проблемой указания размеров для ячеек таблицы в IE.

<table id="main-skeleton" style="width: 100%; max-width: 100%;">    <tr>        <td>                    </td>        <td id="cell-columns-headers">            <div class="table-headers-wrapper">                <table id="stat-columns-headers">                </table>            </div>        </td>    </tr>    <tr>        <td id="cell-rows-headers">            <div class="table-headers-wrapper">                <table id="stat-rows-headers">                </table>            </div>        </td>        <td id="cell-stat-content">            <div class="wrapper" >                <table id="table_statistics">                </table>                            </div>                    </td>    </tr></table>

Таблицы #stat-columns-headers и #stat-rows-headers являются "шапками" и содержат в т.ч. объединяющие заголовки (с colspan и rowspan). Таблица #table_statistics содержит основные данные и является скроллируемой в двух измерениях. Для синхронизации "шапок" с основной таблицей я проставляю при заполнении этих таблиц данными размеры для ячеек. В IE возникла проблема при синхронизации таблиц #stat-columns-headers и #table_statistics. В обеих таблицах я прописываю ячейкам в style:

max-width: 77px; width: 77px; min-width: 77px;

После расчетов width для ячеек в таблице #stat-columns-header становится 70px (за вычетом border-width 1px и padding 3px [border-collapse: collapse - поэтому два паддинга + 1 бордер = 7px])

А вот в таблице #table_statistics ширина width ячеки становится 70.11px!!! И я никак не могу это исправить. А т.к. в таблице 90 столбцов, то я получаю лишние 10px ширины, которые весьма заметны невооруженным глазом.

А вот при синхронизации высоты строк в таблицах #table_statistics и #stat-rows-headers все нормально...

Подскажите, что можно сделать в этой ситуации, чтобы выравнять ширину?

 

[demoniqus]

Ладно, сам себе отвечу. Проблема оказалась в том, что IE применил к ячейкам box-sizing: border-box. После установки свойства в content-box для всех ячеек дробная часть ширины ушла и все ячейки стали единого размера.