position: relative;のテーブルの枠だけが表示されてしまう

HTML

IEで、非表示にしたはずのテーブルの枠だけが表示されるというなぞの現象。結局、原因わからず。



<html><body>

<a href="#"

 onclick="document.getElementById('div1').style.display = 'block';

 document.getElementById('div2').style.display = 'none';">1を表示(2は非表示)</a>

<a href="#"

 onclick="document.getElementById('div2').style.display = 'block';">2を表示</a>

<a href="#"

 onclick="document.getElementById('div1').style.display = 'none';">1,2を非表示に</a>
<div id="div1" style="position: absolute; border: solid 1px gray;" >[1]

  <div id="div2" >[2]

    <table style="position: relative; border: solid 1px gray;">

      <tr ><td >table</td></tr>

    </table>

  </div>

</div>
</body></html>