해상도에 따른 레이어 위치

해상도에 따라서 레이어 위치가 달라집니다.
검색창을 div로 배치를 했으며, 해상도가 달라지면 삐져나가거나 안쪽으로 삐집고 들어오네요..
01
<div style="position:relative; left: -260px; top: -170px; z-index:1;">
02
<div style="position:absolute; top:133px; left:1100px; z-index:-1;">
03
<img src="../img/src_blank.png"></div>
04
<div style="position:absolute; top:133px; left:1107px; z-index:-1;">
05
<table>
06
<tr>
07
<td>
08
<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="margin:0px;">
09
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
10
<input type="hidden" name="sfl" value="wr_subject||wr_content">
11
<input type="hidden" name="sop" value="and">
12
<INPUT name="stx" type="text" maxlength=20 style="BORDER : 0px solid; width: 185px; HEIGHT: 24px; BACKGROUND-COLOR: #ffffff" maxlength="20"></td>
13
</form>
14
</td>
15
<td style="PADDING-LEFT: 5px"><input type="image" src="<?=$g4['path']?>/img/search_button.png" width="67" height="24" border="0"></td>
16
</tr>
17
</table>
18
</div></div>


책도 본 적없고..인터넷 검색으로만 배운 실력이라 정말 부족한 점이 많습니다..
뭐가 잘못되었는지 가르침 부탁드립니다..
사이트주소는 http://smartreaders.co.kr 입니다.