윗 테이블과 아래테이블 간격을  <div style='height:4px;'></div> 를 써서 4픽셀 띄우려고하는데..

 

15픽셀이 띄어 집니다. 어떻게 해야 입력한 픽셀만큼 띄어지는지 아시는분 답변 부탁드립니다.

 

 

 

<table width="780" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="570" align="center" valign="top" bgcolor="#0066FF"><span class="style1">재단관련 이미지 배너 </span>
</td>
    <td width="10" align="center" valign="top"></td>
    <td width="200" align="center" valign="top">&nbsp;</td>
  </tr>
</table>

 

<div style='height:4px;'></div>

 

<table width="780" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="570" align="center" valign="top" bgcolor="#0066FF"><span class="style1">재단관련 이미지 배너 </span>
</td>
    <td width="10" align="center" valign="top"></td>
    <td width="200" align="center" valign="top">&nbsp;</td>
  </tr>
</table>

 

<div style='height:4px;'></div>

 

<table width="780" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="570" align="center" valign="top" bgcolor="#0066FF"><span class="style1">재단관련 이미지 배너 </span>
</td>
    <td width="10" align="center" valign="top"></td>
    <td width="200" align="center" valign="top">&nbsp;</td>
  </tr>
</table>