html - 最小幅 テーブルが 1 列で埋められ、残りの幅は?

Question

幅を 540 ピクセル未満にしたくないテーブルがあります。このテーブルでは、コンテンツの幅が 540 ピクセル未満の場合、残りの幅を 1 つの列で埋める必要があります。

この列の幅を 99% に設定すると、Firefox、Safari、および Chrome では機能しますが、テーブルがページ幅全体に拡大する Internet Explorer (すべてのバージョン) では機能しません。

IE7以降で動作するにはこれが必要です。

編集：

いくつかのコードを追加しました:

<div class="container">
    <table class="my-table">
        <tr>
            <td class="first"><img src="my-img.png"></td>
            <td class="expand">Some text here... should grow</td>
            <td class="meta">short text</td>
            <td class="end-col">final column</td>
        </tr>
    </table>
</div>

CSS:

.container {
    min-width: 540px;
    display: inline-block;
}
.expand {
    width: 99%;
}

.first、.meta、および .end-col はすべて、それぞれのコンテンツにシュリンク ラップする必要があります。

これは、Internet Explorer 以外のすべてで機能します。