div size

Hej E

IIS 5.0/IE 6

Hvordan får jeg gjort width på 400, til at være lige så bred som id="tabel1". Og samtidig bibeholde scroll i div istedet for scroll i browseren?

Koden herunder er det eks jeg arbejder med...

<script type="text/javascript">
  window.onload = function() {
        document.getElementById("tabel2").style.width =  400;
  }
</script>
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" id="yderste_ramme" width="100%"><tr><td valign="top">

<table border="1" bordercolor="#000000" style="border-collapse:collapse" cellpadding="2" cellspacing="2">
<tr><td width="1" colspan="0" id="tabel0">test_test_test_test</td></tr>
</table>

</td>

<td valign="top" id="tabel1" width="100%" bordercolor="#CC0000">

<div id="tabel2" style="position: relative; height: auto; z-index:1; visibility: visible; overflow: scroll;">
<table width="100%" border="1" bordercolor="#000000" style=" border-collapse:collapse" cellpadding="2" cellspacing="2">
<tr><td>
test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test_test
</td></tr>
</table>
</div>

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