なんなんだ、あの愛想のないボタンは。。。
ってなことで、カスタマイズしてみました。

検索ボックスともども画像に変えたら、あらスッキリ!
やり方はソーイージー♪
以下のソースをCSSスキンにコピペするだけ。
*記述例*
/* 検索ボックスを画像に変更 */
#search .searchbox {
width: xxpx;
height: xxpx;
border: none;
background: transparent url("画像URL") no-repeat left top;
outline: none;
}
/* 検索ボタンを画像に変更 */
#search .searchbtn {
width: xxpx;
height: xxpx;
border: none;
text-indent: -9999px;
background: transparent url("画像URL") no-repeat left top;
}
#search .searchbox {
width: xxpx;
height: xxpx;
border: none;
background: transparent url("画像URL") no-repeat left top;
outline: none;
}
/* 検索ボタンを画像に変更 */
#search .searchbtn {
width: xxpx;
height: xxpx;
border: none;
text-indent: -9999px;
background: transparent url("画像URL") no-repeat left top;
}
※画像URLの "(ダブルクォーテーション)を忘れずに!
※青色部分は、フォーカス時の枠線を非表示にするため!
不具合等、お困りごとがありましたら、ご一報ください。