Hi buddys...could someone help me get the searchbox into this .gif i?ve attached?
I?m using this code. But how can I put the box into that .gif?

Thx!!
Code:
<form action="search.php?do=process" method="post">
<div id="tb-searchdiv">
<div id="tb-searchbox"><input type="text" id="search_input" name="query" tabindex="1001" maxlength="128" value="$vbphrase[search_forums]" onfocus="if(this.value=='$vbphrase[search_forums]')this.value='';" onblur="if(this.value=='$vbphrase[search_forums]')this.value='';" onkeyup="showHint(this.value)" /></div>
<input type="hidden" name="do" value="process" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="childforums" value="1" />
<input type="hidden" name="exactname" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
</div>
</form>
Code:
CSS line
#searchbox { float:left; background: url(searchbox.gif); width:201px; height:17px; margin:0; padding:3px; }
with this .css line for example, but how to fixx it in the code above??