Почему горизонтальное выравнивание по ширине для display: inline-block не работает в IE?

Question

[Кирилл Гладиков]

Подскажите как сделать выравнивание по ширине блоков с display:inline-block в IE. Данный пример проверил в Chrome, Firefox, Opera, Edge, Safari в них все хорошо, но в IE даже 11 выравнивается по левому краю.

Пример
jsfiddle.net/p81pfoug/5

Answer 1

[ie6exe]

если в .fix-inline-block убрать font-size: 0; то работает XD

Answer 2

[Кирилл Гладиков]

Решение. IE не видит пробелы между ячейка. Лекарством оказалось свойство text-justify

.grid{
    text-align: justify;
    text-align-last: justify;
    text-justify: newspaper;
}