HTML/CSS: How do i shift this search bar?? (pic)`?

[?Fauzi?]

http://img600.imageshack.us/img600/9184/capturep.jpg

This are the codes that giving me an headache:

HTML:
<!-- SEARCH BAR -->

<div id="templatemo_site_title_bar_wrapper">
<div id="templatemo_site_title_bar">


<div id="search_box">
<form action="#" method="get">
<input type="text" value="Search movies..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" />
</form>
</div> </div> </div>

<!-- SEARCH BAR EDGE -->

CSS:
#templatemo_site_title_bar #search_box {
float: right;
width: 272px;
height: 34px;
margin: 23px 0 0 0;
background: url(images/searchbar.png) no-repeat;
}

#search_box form {
width: 340px;
height: 30px;
margin: 0;
padding: 0;
}


#searchfield {
height: 22px;
width: 225px;
padding: 8px 5px 4px 5px;
color: #bcbcbc;
font-size: 12px;
font-variant: normal;
line-height: normal;
background: none;
border: none;
}

#searchbutton {
height: 34px;
width: 35px;
margin: 0px;
padding: 6px 0 0 0;
cursor: pointer;
font-size: 12px;
text-align: center;
vertical-align: bottom;
white-space: pre;
color: #ffffff;
background: none;
border: none;
}