[html-css] Problema allineamento verticale testo

[Fede 88]

Ho due form (input type=text) ognuna delle quali alla propria destra ha una div che contiene un immagine (19x19px) e una scritta.

Il fatto è che il testo e a volte anche le immagini sono allineate male, modificando l'impostazione vertical-align della div non cambia niente.

Qualcuno potrebbe spiegarmi come allinearlo.

Questo è un esempio del codice:

<HTML>
<HEAD>
<TITLE>PROVA</TITLE>
</HEAD>
<BODY>
<form name="modulo">
<div STYLE="border: none; padding: 0px; position:absolute; width:440px; background-color:white;">
<input type="text" name="username" style="width: 230px"/>
<div id="div_username" STYLE="border: none; padding: 0; position:absolute; width:200px; color: black; background-color:white; font-family: calibri; font-size: 12px;">
	<img src="imm/yes.gif"> Username</div>
</div>
<br><br>
<div STYLE="border: none; padding: 0px; position:absolute; width:440px; background-color:white;">
<input type="password" name="password" style="width: 230px"/>
<div id="div_password" STYLE="border: none; padding: 0; position:absolute; width:200px; color: black; background-color:white; font-family: calibri; font-size: 12px;"><img src="imm/no.gif"> Password</div>
</div>
</form>
</BODY>
</HTML>

Grazie