html - IE とは異なる Chrome テーブル分割処理

Question

私はCSSが初めてです。IE で次のコードを実行すると、期待どおりにスパンが整列し、幅が 100px に固定され、ウィンドウ サイズに応じて必要なだけのスペースが側面にパディングされます。

<table ID="tblRecordCount" style="width:100%">
    <tr>
        <td />
        <td style="width:100px">
            <span ID="lbl1" runat="server">Records1</span>
        </td>
        <td style="width:100px">
            <span ID="lbl2" runat="server">Records2</span>
        </td>
        <td style="width:100px">
            <span ID="lbl3" runat="server">Records3</span>
        </td>
        <td />
    </tr>
</table>

Chrome で実行すると、ブラウザは最初の td 幅を 0px に設定して最後の幅を埋めるか、最初と最後を 0 に設定して中央のものを伸ばしてスペースを埋めます。

Chrome に動作を指示する CSS トリックはありますか? この動作は jsFiddle で確認できます。