폼사용으로 테이블에 생기는 공백

<div id="wrapper" style="width: 100px;height: 100%;border:1px solid;">
<form>
<table border=1>
 <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
 </tr>
</table>
</form>
</div>

<div id="wrapper" style="width: 100px;height: 100%;border:1px solid;">
<table border=1>
 <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
 </tr>
</table>
</div>

테이블 밖에 form 사용으로 테이블 아래쪽으로 공백이 생겼다. 페이지 삽입하는 부분 여러곳에 padding, margin을 넣어져 있어 그것 때문에 안보이는 공백이 생기나 했더니 그게 아니라 바로 form 이 싸고 있어서였다.