head파일을 수정했는데 테이블이 깨지길래이렇게 문의합니다.

 

처음에는 <td backround="...">하다가 메뉴구성을 이쪽으로 할려다 보니

    <td height="33"><img src="<?=$g4['path']?>/img/bar_01.gif" width="43" height="33"></td>
    <td><img src="<?=$g4['path']?>/img/bar_02.gif" width="220" height="33"></td>
        <td><img src="<?=$g4['path']?>/img/bar_03.gif" width="458" height="33"></td>

         이렇게 수정했어요...

테이블 백그라운드때는 안깨지던데 이미지 삽입시 왜 이렇게 깨지죠...

테이블 크기도 다 조정해봤구요...글고 이미지 사이즈 아무리 줄여도 깨지네요...

답변좀 부탁합니다.
 <table width=100% cellpadding=0 cellspacing=0><tr><td width=25>&nbsp;</td><td><?//=popular();?></td></tr></table></td>
    <td>
        <table width="100%" height="33" cellspacing="0" cellpadding="0">
        <form name="fsearchbox" method="get" action="javascript:fsearchbox_submit(document.fsearchbox);">
        <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)">
        <input type="hidden" name="sfl" value="wr_subject||wr_content">
        <input type="hidden" name="sop" value="and">
        <tr>
            <td width="25" height="25"><img src="<?=$g4['path']?>/img/search_01.gif" width="25" height="25"></td>
            <td width="136" valign="middle" bgcolor="#F4F4F4"><INPUT name="stx" maxlengt=20 style="BORDER : 0px solid; width: 125px; HEIGHT: 20px; BACKGROUND-COLOR: #F4F4F4" maxlength="20"></td>
            <td width="12"><img src="<?=$g4['path']?>/img/search_02.gif" width="12" height="25"></td>
            <td width="48"><input type="image" src="<?=$g4['path']?>/img/search_button.gif" width="48" height="25" border="0"></td>
            <td width="13"><img src="<?=$g4['path']?>/img/search_03.gif" width="13" height="25"></td>