Alignement bouton image

Bonjour,

Dans une page, j'inscris le code suivant:

<form name="formConsultDb" action="https://www.XXXXX.fr/catalogue/liste-art-lsf.php" method="get">

<select style="width: 130px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px" size="1"  name="recherche">

<option>Matériel</option>

<option value="materiel">materiel</option>
<option value="yyyyy">yyyyy</option>
<option value="zzzzz">zzzzz</option>

</select>

<input style="padding:0px;margin-left:0px;padding-top:0px" type="image" height="16" width="16" border="0" width="16" src="https://www.XXXXX.fr/catalogue/images/boutons/ok.gif" name="button" border=0 value="OK" />

</form>

et j'obtiens à l'afficha ça : http://photomj.free.fr/mauvais.html
alors que je veux ça : http://photomj.free.fr/bon_calage.html

Si quelqu'un à une solution, je suis preneur. Et si en plus elle s'adapte à tous les navigateurs, alors là je serai le plus heureux de la toile !
Merci d'avance à vous tous .