如果我将显示更改为阻止，则表格不会占用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％，但如果执行脚本，则表格仅占用所需的空间。我该如何解决？我需要脚本，它是更复杂页面的一部分，我尽可能简单地说明问题。

P.S。好的，这可以通过制作display =“table”来解决。问题是我需要在IE7中使用它，它不支持这种显示类型。我还能做些什么才能在IE7中100％使用它？