Position du texte dans un bouton de soumission

La position du texte sur la recherche du bouton de validation sur mon blog est très faible dans Firefox 4, mais pas de Chrome 10 ou IE9. J'ai essayé presque tout et rien ne fonctionne sauf l'abaissement de la taille de la police du texte, ce qui n'est pas une solution optimale, car le texte sera trop petit.

Captures d'écran

Firefox 4 sur Windows 7:

Position du texte dans un bouton de soumission

Google Chrome 10.0.648.204 sur Windows 7:

Position du texte dans un bouton de soumission

Le HTML concernés:

<form method="get" class="searchform" action="http://eligrey.com/blog"> 
    <input type="search" placeholder="search" name="s" /> 
    <input type="submit" value="&#128269;" title="Search" /> 
</form> 

Pertinentes de la règle CSS (à partir de http://eligrey.com/blog/wp-content/themes/eligrey.com/style.css):

.searchform input[type="submit"] {
font-family: "rfhb-lpmg";
color: #ccc;
font-size: 3em;
background-color: #959595;
text-align: center;
border: 1px solid #888;
height: 34px;
width: 42px;
line-height: 34px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition-property: border, background-color, box-shadow;
-webkit-transition-duration: 0.2s;
-moz-transition-property: border, background-color, box-shadow;
-moz-transition-duration: 0.2s;
}

rfhb-lpmg est juste une police personnalisée que j'ai faite qui implémente U+2767 rotation de cœur floral de balle et U+1F50E dirigé vers la droite de la loupe avec simpliste glyphes.

source d'informationauteur Eli Grey