用DIV将表格的表头和内容分开为两个TABLE,但是表头和内容总是对不齐,怎么办那?

嘿嘿。不要骂我哦。
<table border="1" cellspacing="0" cellpadding="0" width="150" >
      <tr>
    <td width="60">詳細</td>
        <td width="40"><input type="button" value="全" name="B4" onClick="" ></td>
<td width="50"><input type="button" value="全認" name="B5" onClick=""></td>
      </tr>
      
</table><div style="overflow:auto;height:60;border:none"><table border="1"  cellspacing="0" cellpadding="0" width="150">
<tr >
        <td  width="58">詳細</td>
        <td  width="40">選<br>択</td>
        <td  width="50">局長<br>承認</td>
      </tr>
      <tr >
        <td  width="58">詳細1</td>
        <td  width="40">選択1</td>
        <td  width="51">局長<br>承認1</td>
      </tr>
      <tr >
        <td  width="58">詳細2</td>
        <td  width="40">選択2</td>
        <td  width="51">局長<br>承認2</td>
      </tr>
      <tr >
        <td  width="58">詳細3</td>
        <td  width="40">選択3</td>
        <td  width="51">局長<br>承認3</td>
      </tr>
</table></div>