Как вставить внутрь таблицы большой (широкий) элемент, чтобы ширина таблицы сохранилась?

Пусть у нас есть таблица и внутри неё огромный блок PRE:

ширина таблицы задана в 400px,  у PRE задано значение  overflow:scroll, однако, вывод получается следующий: см. пример . Ширина PRE и таблицы очень большая, scroll не работает.

Решение: table-layout:fixed

CSS

см. пример