<div class="layer_popup" style="position:absolute; width:600px; left:50%; margin-left:-480px; top:90px; z-index:1; border:1px solid #333333;" id="layer_pop">

<table id="Table_01" width="600" height="270" border="0" cellpadding="0" cellspacing="0">

<tr>

<td colspan="6">

<img src="images/popup_01.jpg" width="600" height="5" alt=""></td>

</tr>

<tr>

<td rowspan="4">

<img src="images/popup_02.jpg" width="6" height="265" alt=""></td>

<td colspan="3">

<img src="images/popup_03.jpg" width="590" height="128" alt=""></td>

<td rowspan="4">

<img src="images/popup_04.jpg" width="4" height="265" alt=""></td>

</tr>

<tr>

<td colspan="3">

<img src="images/popup_05.jpg" width="590" height="6" alt=""></td>

</tr>

<tr>

<td rowspan="2">

<img src="images/popup_06.jpg" width="1" height="131" alt=""></td>

<td>

<img src="images/popup_07.jpg" width="587" height="126" alt=""></td>

<td rowspan="2">

<img src="images/popup_08.jpg" width="2" height="131" alt=""></td>

</tr>

<tr>

<td>

<img src="images/popup_09.jpg" width="587" height="5" alt=""></td>

</tr>

<tr>

          <td align="center" height="30" bgcolor="#333333">

            <table width="600px" border="0" cellpadding="0" cellspacing="0">

               <tr>

                <td align="left" class="pop"><input type="checkbox" name="pop_today" id="pop_today" /><font color="#FFFFFF">오늘 하루 이 창 열지 않음</font></td>

                <td align="right" class="pop"><a href="javascript:closeWin();">닫기</a></td>

               </tr>

            </table>

          </td>

         </tr>

</table>

</div> 

출력하면 사진과 같이 출력이 되고

이미지 사이사이에 조금 공간이 생긴다고 해야하나;;좀 벌어지는데

이유가 무엇인가요?ㅠ.ㅠ