Problème alignement formulaire

Bonjour,

Alors voila j'ai ce problème avec mon formulaire de connexion
quand je suis au zoom par défaut de Google Chrome j'obtiens sa (c'est ce qui m'intéresse)

http://img407.imageshack.us/img407/6451/defaut.png

Et puis quand je fait un petit zoom voila ce que cela me fait =(

http://img547.imageshack.us/img547/4981/zoomr.png

Voila mon code HTML :

<div id="connect">
<form method="post" action="index.php">
<p>
<p><label for="pseudo">Votre pseudo :</label><input type="text" name="pseudo" id="pseudo" value="<?php if (isset($_POST['pseudo'])) echo htmlentities(trim($_POST['pseudo'])); ?>"></p>
<p><label for="pass">Votre mot de passe :</label><input type="password" name="pass" id="pass" value="<?php if (isset($_POST['pass'])) echo htmlentities(trim($_POST['pass'])); ?>"></p>

<input type="submit" name="connexion" value="Connexion" />
<a href="inscription.php" id="inscr">Inscription</a>
<a href="TEXTE">Mot de passe oublié</a>
</p>
</form>
</div>

Et voila mon code CSS :

#connect {
	float: right;
	margin-right: 480px;
}

#connect label
{
    width: 150px;
	display: block;
	float: left;
	margin-top: 5px;
}

#connect  #pseudo #pass  {
	width: 160px;
}

#inscr {
	margin-right: 15px;
	margin-left: 15px;
}

Donc concrètement ce que je veut c'est que quand je zoom que sa ne ce modifie pas


Merci de m'aider cordialement GossBow