Как мне воспроизвести эту трехколоночную компоновку без использования таблицы?

Чувствую себя немного разочарованным из-за того, что не могу понять это должным образом. Я обновляю старый сайт и пытаюсь обойтись без таблиц. Я могу сделать это с помощью box flex, но он не поддерживается многими браузерами.Макет выглядит примерно так

[col-1-as-small-as-possible] [col-2-should- use-all-space ] [col-3-as-small-as-possible]

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

Если я использую числа с плавающей запятой, я не могу заставить средний столбец расширяться. Ширина столбцов col-1 и col-2 - это , а не фиксированная ширина.

Любые решения, которые не кажутся хуже, чем проблема (таблицы)?

вот пример решения на основе таблиц: http://jsfiddle.net/7dsCV/1/