검색창을 만드려고 이래저래 만들다가 정말 어거지로 테이블짜서 그림을 넣는 방법을 썼습니다.

이미지 보시면 검색되는 부분 아래에 3px정도의 공간이 생겨서 딱 맞물려지지가 않는데,

도대체 봐도봐도 몰라서 질문글 남깁니다.. 도와주세요 ㅠ

<table cellpadding="0" cellspacing="0" width="333" height="0">
    <tr>
        <td width="333" colspan="3" valign="bottom"><img src="<?=$g4[path]?>/img/search_top.gif" width="333" height="5" border="0"></td>
    </tr>
    <tr>
        <td width="10" valign="top"><img src="<?=$g4[path]?>/img/search_left.gif" width="10" height="25" border="0"></td>
        <td width="318"><table cellpadding="0" cellspacing="0" width="318" border=0>
<tr>
<td width="100%" align="right" height="19">
<table cellspacing="0" cellpadding="0" width="160" border=0>
<form name="fsearchbox" method="get" action="javascript:fsearchbox_submit(document.fsearchbox);">
<input type="hidden" name="sfl" value="wr_subject">
<input type="hidden" name="sop" value="and">
<tr>
<td valign="center" align="left" width="330">
<INPUT name="stx" maxlength="20" size="48" tabIndex=0 class=search style="border:0; ">
</td>
<td width="99" valign="top" align="right">
<table cellpadding="0" cellspacing="0" width="45">
<tr>
<td width="57" valign="center" height="25">
<INPUT type=image src="<?=$g4[path]?>/img/search_btn.gif" height="25" border="0">
</td></tr></table>
</td></tr></form>
</table>
                        <script language="JavaScript">
function fsearchbox_submit(f)
{
if (f.stx.value == '')
{
alert("검색어를 입력하세요.");
f.stx.select();
f.stx.focus();
return;
}

/*
// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++)
{
if (f.stx.value.charAt(i) == ' ')
cnt++;
}
if (cnt > 1)
{
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return;
}
*/
f.action = "<?=$g4[bbs_path]?>/search.php";
f.submit();
}
</script>
</table>
</td>
        <td width="5" valign="top"><img src="<?=$g4[path]?>/img/search_right.gif" width="5" height="25" border="0"></td>
    </tr>
    <tr>
        <td width="333" colspan="3" valign="top"><img src="<?=$g4[path]?>/img/search_bottom.gif" width="333" height="5" border="0"></td>
    </tr>
</table>