รบกวนช่วยทีนะคะ คืออยากจะสร้าง textfeild ที่มีไอคนข้างใน (อยู่ด้านขวามือ) แล้วสามารถคลิกใช้งานได้ทำยังไงหรอคะ (มีรูปตัวอย่าง)

    <input type="text" name="file" style="background-image:url(picture/accounting_service_sp.jpg)" />

<style>
#header-search{overflow:auto;}

#header-search input.searchbox {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border:1px solid #8e8e8e;
     background-color:#f5f5f5;
     height:25px;
     width:200px;
     color:#4a4a4a;
     float:left;
 }

#header-search input.button{
    
    border:0;
    padding:0;
    margin:0 0 0 -24px;
    width:24px;
    height:24px;
    background:transparent url('http://www.fullcontact.com/wp-content/themes/fullcontact/assets/images/icon-search.png') center center  no-repeat;
}

</style>
<form id="header-search">
<input type="text" class="searchbox" /><input type="submit" class="button" value="" />