Verticalement centre champ de saisie

J'ai un champ de saisie de texte sur une page, cependant, j'ai du mal à essayer de la verticale du centre du champ dans webkit (Chrome + Safari). Il est très bien dans FireFox.

Voici le code:

<form action="/" method="get">
    <input type="text" name="s" id="search" class="search" size ="34" value="Search..." onblur="if(this.value == ''){ this.value = 'Search...'; this.style.color = '#BBB';}" onfocus="if(this.value == 'Search...'){ this.value = ''; this.style.color = '#000';}" />
    <input class="schbtn"ntype="submit" value="" />
</form>

Et le CSS:

.schbtn {background:url(/wp-content/themes/shamil/images/search_icon.png) no-repeat scroll 50% 50% #7BA60D;height:26px; width:26px;}
#navtabs li.rnavtab input{border:0;padding-left:5px;color:#BBB;}

Ce sont les deux seules qui l'affectent.

Pour ceux qui veulent le voir en action, visitez, http://shamil.la, et d'observer le champ de recherche dans Firefox et Safari/Chrome. C'est la conduite de ma tête dans le mur.

Grâce

OriginalL'auteur bear | 2011-06-03