如何使两个表格的列宽一致？

<table   id=t1><tr   bgcolor=#FFE0FF>  
  <td   id=td1>a</td>  
  <td   id=td2>b</td>  
  <td   id=td3>c</td>  
  </tr></table>  
   
  <table   id=t2><tr   bgcolor=#D00000>  
  <td   id=d1>这里是你的文字</td>  
  <td   id=d2>你看看</td>  
  <td   id=d3>会不会自动适应呀？</td>  
  </tr></table>  
   
  <script   language=Javascript>  
  var   da   =   document.all;  
  da.t1.style.width=da.t2.clientWidth;  
  da.td1.style.width=da.d1.clientWidth;  
  da.td2.style.width=da.d2.clientWidth;  
  da.td3.style.width=da.d3.clientWidth;  
  </script>