ボタンとテキストフィールドの位置をCSSで整理する

これらの2つのテキストフィールドと検索ボタンの位置を整理しようとしていますが、これはCSSのcontent box div内に正しく配置されていないことを示していますここでは、どのように私はここボタンとテキストフィールドの位置をCSSで整理する

は私のCSSコードである、してくださいオーダーであると位置を修正することができます

body { 
    background-image: url(images/stripe_4ea7f17e6b72307ec0cd17cc6d27f657.png); 
    margin:50px 0px; padding:0px; 
    text-align:center; 
} 

#content { 
    border-radius: 15px; 
-moz-border-radius: 15px; 
-webkit-border-radius: 15px; 
border: 6px solid #BDF4FC; 
width:50%; 
height:150px;; 
margin:0px auto; 
    text-align:left; 
    padding:15px; 
    margin-top:12%; 
    background-color:#ffffff; 
} 

#search { 
    height: 42px; 
    border: medium solid #63D1F2; 

} 
#button_style { 
    background-image: url(images/search_button.png); 
    height: 44px; 
    width: 92px; 
    background-color: #FFF; 
    border: 0px none #FFF; 

}

HTMLコード：

<div id="content"> 
<form action="" method="get"> 
<input name="" type="text" id="search" /><input type="submit" value="" id="button_style" /> 
</form> 

</div>

がどのように私は目修正することができますありますか？

how can i organize the position for these text field and button