[3li]

جرب الكود التالي بدل الكود الأصلي اللي عندك

<style type='text/css'>


#w2b-searchbox{background:url() no-repeat scroll center center transparent;float:right;;width:307px;height:50px;disaply:block;margin:2px 30px 0 0}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px; font: bold 13px Merriweather;color:#000000;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>  
<div id='w2b-searchbox'>
<form action='/search' id='w2b-searchform' method='get'>
    <input type="text" name="s" id="s" value="إبحث هنا ..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
    <input id='sbutton' src='http://img1.blogblog.com/img/blank.gif' type='image'/>
</form>
</div>

مع العلم اخي انو لم يتم تغيير اي شيئ بالكود اللي عندك الا فقط كود الكلمة

بدل السطر اللي كنت واضع فيه الكلمة باللون الأحمر

<input id='s' name='q' type='text' value='search'/>

أصبح

<input type="text" name="s" id="s" value="إبحث هنا .. " onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>

ولو وضعته داخل اداة من التخطيط رح يشتغل بالشكل المطلوب وما فيه مشاكل

المهم انت تأكد انك استبدلت الكود كامل