Programme <input> qui a un beug (html)

Bonjour,
je suis un pleine construction de site mais j'ai un code html qui ne fonctionne pas. C'est au niveau des cases ou l'on rentre le mot de passe ils sont beaucoup trop grand alors que je leur ai mi une petite taille. Je ne sais vraiment pas comment faire

<center><table cellspacing='0' cellpadding='0'><tr><td style="background: url('http://i21.servimg.com/u/f21/16/41/95/41/bladed20.png'); width: 668px; height: 26px; "><center>Connexion</center> </td></tr></table>


<table cellspacing='0' cellpadding='0'><tr><td style="background: url('http://i21.servimg.com/u/f21/16/41/95/41/bladed19.png'); width: 668px; height: 428px; ">
<center>

<form action="/login" method="post">
Nom d'utilisateur:
<input type="text" name="username" value="" size="20" maxlength="22" style="width:100%;" />
Mot de passe:

<input type="password" name="password" size="20" maxlength="22" style="width:100%;">

<span class="gen">Connexion automatique: <input type="checkbox" name="autologin" checked="checked"><br><input class="mainoption" type="submit" name="login" value="connexion"><a class="gensmall" href="/profile?mode=sendpassword" rel="nofollow"><br>Récupérer mon mot de passe</a></form><div align="center"></script></span></div> 

</center>

 </td></tr></table>



<table cellspacing='0' cellpadding='0'><tr><td style="background: url('http://i21.servimg.com/u/f21/16/41/95/41/bladed23.png'); width: 668px; height: 20px; "></td></tr></table>
</center>