acces box

Hey guys!
I got a problem with the acces box of my website.
When I write the first box and I press tab key all the formulary box gets bigger. It also happens with the second box of the formulary.

How can I fixed it?

This is the code I used to create it:

<form action=”http://vet24.pedidosweb.com/logon.asp&#8221; method=”POST” name=”login”>
<table style=”height: 109px;” border=”0″ width=”323″ cellspacing=”0″ cellpadding=”0″ align=”center”>
<tbody>
<tr>
<td bgcolor=”#0033cc” width=”70″ height=”center”><span style=”color: #ffffff;”>USUARIO:</span></td>
<td align=”center” bgcolor=”#0033cc” width=”130″><input name=”login” type=”TEXT” autofocus=”” /></td>
</tr>
<tr>
<td bgcolor=”#0033cc” width=”70″ height=”center”><span style=”color: #ffffff;”>CONTRASENYA:</span></td>
<td align=”left” bgcolor=”#0033cc” width=”130″><input name=”pwd” size=”20″ type=”password” />
<p style=”text-align: right;”></p>
</td>
</tr>
</tbody>
</table>
<p style=”text-align: right;”><input src=”http://web.soladomingo.com/wp-content/uploads/2016/03/Entrar-acceso-clientes.jpg&#8221; type=”image” value=”submit” /></p>

</form>

And this CSS that I used too (you gave it to me to fix some issues):
table strong {
position: relative;
top: -22px;
right: -15px;
}
table input {
position: relative;
top: 10px;
}

For font size use this:
table strong span {
font-size: 14px;
}

Thanks a lot!