Ограничить ширину ячейки с помощью CSS и скрыть переполнение - аномалия IE

Question

У меня проблемы с таблицей.

Он состоит из 3 ячеек в каждой строке, каждая ячейка имеет максимальную ширину, и текст, который не помещается в ячейки, должен быть отброшен.

Я уже посмотрел это:

Как ограничить ячейку таблицы одной строкой текста с помощью CSS?

И я сделал код.

http://jsfiddle.net/e3Eqn/222/

Проблема в том, что я не понимаю, почему Firefox, Chrome, Safari подходят для этого, а Internet Explorer отображает сумасшедшее форматирование и не учитывает overflow:hidden!

Answer 1

Снова общая проблема.Однако есть более простой обходной путь, чем погружаться в различные техники вместо этого.

Используйте этот формат

<td>
<div>
Your longlonglongcontent
</div>
</td>

Затем используйте его как CSS

td div { width: 100%; overflow: hidden; }

Это будет работать вFF, опера и IE7

См. демо с этим взломать