Probleme de positionnement en css

Salut tous le monde
J'ai fais un formulaire que j'ai placé dans ma banniere en haut a droite. Sous IE pas de prob mais sous Mozilla il s'affiche a gauche
pour plus de clarté voici le code

CSS :

#banniere {
width: 800px;
height: 111px;
background-image: url(../image/dauphin.gif);
border-bottom: 5px solid #EEE;
}

#banniere p.logon {
font-size : 11px;
float: right;
padding-top: 5px;
padding-right: 5px;
text-align: right;
}

XHTML :

<div id="banniere">
<p class="logon">
<form action="logon.php" method="post" name="logon">
<input type="text" name="login" class="input" value="Login" onFocus="this.value=''" size="10" />
<input type="password" name="passw" class="input" value="Password" onFocus="this.value=''" size="10" />
<input type="submit" value="Ok" class="submit" /><br />
<a href="inscription.php">S'inscrire</a>|
<a href="javascript:affichage_popup('mdpLost.php','page', '400', '300');">Mot de passe oublié ??</a>
</form>
</p>
</div>

Voila merci d'avance pour vos réponses