CSS : probleme de positionnement

Bonjour,

Dans le cadre d'un projet à réaliser en cours en Terminale Gestion des Systèmes Info, j'ai à réaliser un site web avec mon équipe. La page d'accueil, ce sur quoi nous travaillons actuellement, prend forme mais nous rencontrons quelques problèmes.

Nous avons voulu insérer une "barre outil", dont le positionnement est fixe en haut de la page web. Elle contient 2 partie : à gauche, le nombre de visiteurs ainsi que le nombre de personnes connectés. A droite, des liens (voir des déroulants) avec deux onglets : connexion / inscription. Malheureusement cette partie ne se retrouve pas à droite, malgré plusieurs tentatives... Voici mon code :

<div id="haut">
<ul>
	<li class="gauche">X visiteurs connect?/li>
	<li class="droit" ><a>Connexion</a> <a>Inscription</a></li>
</ul>
</div>

#haut
{
position: fixed; 
font-size: 10px;
color: #eee;
background: #880000 ;
width: 970px;
}
#haut li
{
    display: inline-block;
    margin-right: 200px;
}
#droit
{
	display:block;
	float: right;
	color: #ffffff;
	position: relative;
	right: 400px;
}

http://www.hostingpics.net/viewer.php?id=684028index.png

J'espere pouvoir vous communiquer un screen de ma page, histoire que vous puissiez visulaliser ce problème.

Cordialement,
Clément