CSS : 텍스트 박스에 이미지가 보이게 하기

<SCRIPT LANGUAGE="JavaScript">
<!--
var c=false;
function ch () {
    if ( c ) return;
    document.search.q.style.backgroundImage="";
    c=true;
}

//-->
</SCRIPT>

<form name=search>
<input size=38 name=q style='background-image:url(http://aaa.com/w8/fn_home.gif);background-repeat:no-repeat;background-position:center;' onkeydown='return ch();' onmousedown='return ch();'>
</font>