tr高度问题

HTML code

<table width="200" border="1">
  <tr>
    <td width="45" rowspan="2">
        <br />1<br />1<br />1<br />1<br />1<br />1
    </td>
    <td>2</th>
  </tr>
  <tr>
    <td height="20px">3</td>
  </tr>
</table>

table和1、2处的高度都没规定的，会根据内容变化的，我只想3的地方高度规定是20px，但用chrome打开，3的地方高度被撑得很高。
求解决方法！！

HTML code

<table width="200" border="1">
  <tr>
    <td width="45" rowspan="2">
        <br />1<br />1<br />1<br />1<br />1<br />1
    </td>
    <td>2</td>
  </tr>
  <tr>
    <td height="20px" colspan="2">3</td>
  </tr>
</table>

<td>2</td>
  只能给2 定义高度才行。。。