javascript - 表示をブロックに変更してもテーブルが100％かかりません

Question

私は非常に単純なhtmlを持っています：

    <table id="root" >
        <tr>
        <th>Version</th>
        <th>User Id</th>
        <th>Operation Type</th>
        <th>Time</th>
        </tr>
        <tr>
        <td>390</td>
        <td>vr32090</td>
        <td>U</td>
        <td>2012-09-12 19:41:19:129</td>
        </tr>
        <tr>
        <td>389</td>
        <td>vr32090</td>
        <td>U</td>
        <td>2012-09-12 19:41:04:554</td>
        </tr>
    </table>

<style>

#root {
    width:100%;
}

</style>

<script>
    document.getElementById("root").style.display = "block";
</script>

スクリプト部分をコメントアウトすると、テーブルはスタイルごとに100％使用されますが、スクリプトが実行されると、テーブルは必要なスペースのみを使用します。これを修正するにはどうすればよいですか？スクリプトが必要です。これはより複雑なページの一部です。問題を説明するために、できるだけシンプルにしました。

PS OK、これはdisplay="table"にすることで修正できます。問題は、IE7で使用する必要があり、この表示タイプをサポートしていないことです。IE7でも100％にするために何ができますか？