검색기능이 리사이즈(자동크기) 방법점 알려주세요.

http://m.mnet.com/
이곳사이트에 보면은요.. 검색창이 화면을 작게 줄이면 같이 작아지는데요.
제가 사용하는사이트에서는 검색을 넣어밨지만으 창을 줄여도 그대로고 화면키워도 그대로 예요.
어떻게 하면 되는지점 알려주세요.
검색소스는

<!--검색 JAVA 시작-->

<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>
<!--검색 JAVA 끝-->
<!--검색텍스트입력시작-->
<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">
<INPUT name="stx" maxlengt=20 style="font-weight:bold; font-family:고딕, gulim; font-size:11px; background-color:white; border-width:1; border-color:rgb(204,204,204); border-style:solid; width:130px; height:30px; tabIndex=1 maxlength=" 20" class=search size="100%" maxlength="20"><!--검색텍스트입력박스끝--><!--search이미지시작-->
<INPUT type=image src="/chambit/plugin/mobile/images/head_3.gif" width="41" height="29" alt=""></form>
<!--search이미지끝--><br>검색가능[창 오류 수정중]

이렇게 넣었거든요.!! 부탁점 드리겠습니다. 어떤걸 추가하면 자동으로 창이 폭이 리사이즈가 되는지 부탁드립니다.