problém se zarovnáním textu v loginu a heslu

zdravím,mám problém.Mám zde kolonku login a heslo na nichž mám nastavené pozadí z obrázku,jenže text v kolonce mi nejde zarovnat (doleva a na střed + odstadit aby nebyl tak namáčklej na okraji loginu a hesla..)

<form action="login">
<input type="text" name="login" size="20" value="login ..." class="login" />
</form>

<form action="heslo">
<input type="text" name="heslo" size="20" value="heslo ..." class="heslo" />
</form>


a tady je css :





.login {border: 0px; background: url(login.jpg); text-align: left; width: 195px; height: 22px; font-family: Arial; color: #524E45;font-size: 12px;position: absolute; top: 205px; left: 850px;}
.heslo {border: 0px; background: url(heslo.jpg); text-align: left; width: 129px; height: 22px; font-family: Arial; color: #524E45;font-size: 12px;position: absolute; top: 239px; left: 850px;}

znám,zkoušel jsem,ale posune mi to i to pozadí...

problém je v tom že to nemám zarovnané jen v exploreru....v chromu to jde