Почему некорректно работает Overflow в IE?

Question

[ialse]

Нужно, чтобы на странице был блок с горизонтальным скроллингом.
Все нормально работает в Chrome, Firefox, Opera, но как обычно что то не так в IE 11. Нагуглить не удалось ну или не понял по каким словам гуглить.

На первом скрине Хром, видно, что у зеленого блока есть скроллинг внизу. Ширина ячеек одинакова и общая ширина блока больше видимой части и равна ширине всех ячеек.

На втором скрине ИЕ, где почему то ширина ячеек подогналась под видимую часть и скроллинга нет.

Код выложил здесь https://jsfiddle.net/gco58nyu/
Можно открыть и в ИЕ и будет такая же проблема

Answer 1

[keeplod]

.Z { width: 100%;}
.telo { width: 700px;}
и 63 строка в css не закрыта;

Comments

[ialse]

Спасибо, но не получилось.

Так теперь стало в ИЕ (и при этом также странно в Хроме) - скрин ниже.
Нужно, чтобы было как на первом скрине в хроме (должен быть горизонтальный скроллинг в зеленом блоке и видны не все ячейки)