그누보드 접한지 얼마안된 초보자입니다. 모바일용 홈페이지를 만들때마다 이런현상이생깁니다 파일첨부 보시면 4픽셀가량의 여백이 생긴게 보이십니다 그게 꼭 BG를깔고 그위에 이미지를 올리면 BG바로아래 이미지랑해서 생기는데 꼭 첫번째 비지랑 이미지 맨위에꺼에만 저런식으로 나옵니다. 별짓을다해도 해결이안되서 이미지크기를 4픽셀 줄이긴하는데..다른 정확한 방법이없을까요... 코드는 이렇게되어있습니다...
<div>
table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-image:url('<?=$g4[path]?>/m/img/head_bg.jpg'); background-repeat:no-repeat; background-position:center; background-position:top;">
  <tr>
    <td height="100" align="center"><a href="../"><img src="<?=$g4[path]?>/m/img/logo.jpg" width="320" height="96"></a></td>
  </tr>
</table>
<table width="100%" height="70" border="0" cellspacing="0" cellpadding="0" background="<?=$g4[path]?>/m/img/under_bg.jpg">
  <tr height="70">
<td align="center"><img src="<?=$g4[path]?>/m/img/line.jpg"></td>
    <td width="20%" align="center"><a href="<?=$g4[g4m_path]?>/bbs/board.php?bo_table=02_01"><img src="<?=$g4[path]?>/m/img/menu1.jpg"></a></td>
<td align="center"><img src="<?=$g4[path]?>/m/img/line.jpg"></td>
<td width="20%" align="center"><a href="<?=$g4[g4m_path]?>/sub_01_01.php"><img src="<?=$g4[path]?>/m/img/menu2.jpg"></a></td>
<td align="center"><img src="<?=$g4[path]?>/m/img/line.jpg"></td>
<td width="20%" align="center"><a href="<?=$g4[g4m_path]?>/sub_02_01.php"><img src="<?=$g4[path]?>/m/img/menu3.jpg"></a></td>
<td align="center"><img src="<?=$g4[path]?>/m/img/line.jpg"></td>
<td width="20%" align="center"><a href="<?=$g4[g4m_path]?>/bbs/board.php?bo_table=06_01"><img src="<?=$g4[path]?>/m/img/menu4.jpg"></a></td>
<td align="center"><img src="<?=$g4[path]?>/m/img/line.jpg"></td>
<td width="20%" align="center"><a href="<?=$g4[g4m_path]?>/sub_03_01.php"><img src="<?=$g4[path]?>/m/img/menu5.jpg"></a></td>
<td align="center"><img src="<?=$g4[path]?>/m/img/line.jpg"></td>
  </tr>
</table>
</div>