왼쪽메뉴 위아래 간격 생기는데, 아시는 분 답변 부탁드립니다

안녕하세요

첨부된 이미지 처럼 좌측메뉴 위아래에 약간의 간격이 있습니다

어디를 수정해야 될지 ... 이것저것 시도해 보지만 간격이 없어지지 않는군요

아시는 분 답변 부탁드립니다

수고하세요

--------------------

(소스내용)

<table cellpadding = "0" cellspacing = "0" style="width:224px;">
<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=10" style = "cursor:hand" onmouseover = "change_img(cpn_menu1, '<?=$g4[path]?>/img/submenu/sub0101-1.gif');" onmouseout = "change_img(cpn_menu1, '<?=$g4[path]?>/img/submenu/sub0101.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0101.gif" name = "cpn_menu1" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=20" style = "cursor:hand" onmouseover = "change_img(cpn_menu2, '<?=$g4[path]?>/img/submenu/sub0102-1.gif');" onmouseout = "change_img(cpn_menu2, '<?=$g4[path]?>/img/submenu/sub0102.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0102.gif" name = "cpn_menu2" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=30" style = "cursor:hand" onmouseover = "change_img(cpn_menu3, '<?=$g4[path]?>/img/submenu/sub0103-1.gif');" onmouseout = "change_img(cpn_menu3, '<?=$g4[path]?>/img/submenu/sub0103.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0103.gif" name = "cpn_menu3" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=40" style = "cursor:hand" onmouseover = "change_img(cpn_menu4, '<?=$g4[path]?>/img/submenu/sub0104-1.gif');" onmouseout = "change_img(cpn_menu4, '<?=$g4[path]?>/img/submenu/sub0104.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0104.gif" name = "cpn_menu4" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=50" style = "cursor:hand" onmouseover = "change_img(cpn_menu5, '<?=$g4[path]?>/img/submenu/sub0105-1.gif');" onmouseout = "change_img(cpn_menu5, '<?=$g4[path]?>/img/submenu/sub0105.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0105.gif" name = "cpn_menu5" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=60" style = "cursor:hand" onmouseover = "change_img(cpn_menu6, '<?=$g4[path]?>/img/submenu/sub0106-1.gif');" onmouseout = "change_img(cpn_menu6, '<?=$g4[path]?>/img/submenu/sub0106.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0106.gif" name = "cpn_menu6" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=70" style = "cursor:hand" onmouseover = "change_img(cpn_menu7, '<?=$g4[path]?>/img/submenu/sub0107-1.gif');" onmouseout = "change_img(cpn_menu7, '<?=$g4[path]?>/img/submenu/sub0107.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0107.gif" name = "cpn_menu7" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:24px;">
<a href = "<?=$g4[path]?>/shop/list.php?ca_id=80" style = "cursor:hand" onmouseover = "change_img(cpn_menu8, '<?=$g4[path]?>/img/submenu/sub0108-1.gif');" onmouseout = "change_img(cpn_menu8, '<?=$g4[path]?>/img/submenu/sub0108.gif');">
<img src = "<?=$g4[path]?>/img/submenu/sub0108.gif" name = "cpn_menu8" border="0"></a>
</td>
</tr>

<tr>
<td align=left valign=top cellpadding="0" cellspacing="0" style="width:224px; height:75px;">
<img src = "<?=$g4[path]?>/img/submenu/sub0109.gif" name = "cpn_menu9" border="0">
</td>
</tr>

</table>