Come allineare verticalmente un'immagine (CSS)

Ho un form il cui pulsante di submit è un'immagine.
Questo form è all'interno di un contenitore <div> il cui stile è espresso in linea:

<div style="width: 50px; border: 2px solid #000000; text-align: center; vertical-align: middle;">
<form action="file.php" method="post">
<input type="image" src="icons/edit.gif" name="submit" />
</form>
</div>

l'immagine è 26x26 pixel e non viene centrata verticalmente da Firefox ed Explorer mentre lo è con Opera.
Come posso fare per centrarla verticalmente in tutti i browser?
Grazie in anticipo per i suggerimenti e consigli !

Alternando i tag <div> con <form> tutto funziona...a chi servisse in pratica il codice che centra verticalmente (in tutti i browser) è:

<form action="file.php" method="post">
<div style="width: 50px; border: 2px solid #000000; text-align: center; vertical-align: middle;">
<input type="image" src="icons/edit.gif" name="submit" />
</div>
</form>