Hauteur/margin input

Bonjour à tous,

Petite question, j'ai essayé pas mal de choses, sans résultat, j'en conclue que pas de solution ?
La hauteur et les marges de mes input ne sont pas les mêmes sous FF et Safari/Chrome.
Voici le code et les prises d'écran.

Merci d'avance pour votre aide.

		<div style="display: none; margin-top: 20px;" id="loginBox">
			<form action="index.php" method="post">
				<b>Connexion</b><br><br>
				<table>
					<tr>
						<td class="user_login">
							<label for="user">Utilisateur</label>
						</td>
						<td>
							<input id="user" type="text" name="username" size="20"/>
						</td>
					</tr>
					<tr>
						<td class="user_pass">
							<label for="pass">Mot de passe</label>
						</td>	
						<td>
							<input id="pass" type="password" name="password" size="20"/>
						</td>
					</tr>
				</table>

				<br>
				<input type="hidden" name="action" value="login">
				<input type="submit" value="Connexion">
				&nbsp;&nbsp;<a href="#" onClick="Element.hide('loginBox');">Fermer</a>
			</form>
		</div>

CSS

	label {
		display: block;
	}
	
	td.user_login, td.user_pass {
		padding-right: 10px;
		white-space: nowrap;
		text-align: right;
	}

Prises d'écran FF (ce que j'aimerai avoir tout le temps)

http://data.imagup.com/11/1139478152.1740png


Chrome/Safari

http://data.imagup.com/12/1139478237.1755png