[Résolu] Alignement d'une liste dans un div

Salut!

Un petit problème d'alignement...
Je souhaite aligner la liste à droite, à l'intérieur du calque "navigation" :

<div id="navigation">
		<ul>
			<li><a href="#" class="nav_sec_1"></a></li>
			<li><a href="#" class="nav_sec_2"></a></li>
			<li><a href="#" class="nav_sec_3"></a></li>
			<li><a href="#" class="nav_sec_4"></a></li>
			<li><a href="#" class="nav_sec_5"></a></li>
			<li><a href="#" class="nav_sec_6"></a></li>
		</ul>
	<br clear="left">
</div>

#navigation {
	width: 622px;
	height: 28px;
	margin-top: 73px;
	text-align: right;
}

#navigation ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#navigation li {
	margin: 0px 0px 0px 2px;
	padding: 0;
	float: left;
}

#navigation a {
	display: block;
	height: 28px;
}

.nav_sec_1 {
	width: 117px;
	background-image: url(../images/nav/nav_1_0_0.gif);
}

.nav_sec_2 {
	...
}

Bon, naturellement, la tentative de text-align:right (dans #navigation) ne fonctionne pas ... Je cherche une solution sans trop de bidouille. En réalité, j'ai plus ou moins réussi à simuler ça en mettent un margin-left sur la balise ul pour gérer l'espace à gauche... mais le résultat n'est pas exactement le même sur les navigateurs

Avez vous quelque chose à me proposer?

Merci

SuD
Modifié par SuD_976 (31 May 2005 - 20:06)

Bon, je vais me répondre tout seul, j'ai fini par trouver...
suffisait de remplacer mes float:left par des float:right

Désolé du dérangement