Установить ширину столбца таблицы в div с горизонтальной полосой прокрутки

Question

Я хочу установить ширину столбца таблицы, которая содержится в div. Ширина таблицы может превышать фиксированную ширину div, поэтому я хочу, чтобы div показывал горизонтальную полосу прокрутки - но столбец таблицы не будет расширяться до ширины, на которую я его устанавливаю. Как я могу заставить это работать?

#content {
    width:200px;
    overflow-x: auto;
}
td,th {
   border-style:solid;
}

<div id="content">
<table style="border-style:solid;">
    <tr>
        <th style="width:50px">124</th>
        <th style="width:550px">124</th>
    </tr>
    <tr>
        <td>124</td>
        <td>124</td>
    </tr>
</table>
</div>

Answer 1

Вам нужно использовать min-width, если вы хотите форсировать ширину таблицы.

Вот ваш пример с полосой прокрутки: http://jsfiddle.net/CEUVV/

Answer 2

использовать атрибут минимальной ширины

    <th style="min-width:50px">124</th>
    <th style="min-width:550px">124</th>