[RESOLU]Centrer une liste avec un float

Bonjour,

J'essaye de centrer des listes contenues dans une balise div et en essayant d'empêcher un retour à la ligne si il manque de place lorsque l'on affiche dans une résolution inférieur.
Pour que vous voyez où je veux en venir, voici les informations simplifiées au maximum:

<div id="centre">
<div id="navigation">
  <p>blabla blab blablflsdflfj</p>
  <ul id="ab">
    <li>test1</li>
    <li>test2</li>
    <li>test3</li>
  </ul>
    <ul id="cd">
    <li>test4</li>
    <li>test5</li>
    <li>test6</li>
  </ul>
    <ul id="ef">
    <li>test7</li>
    <li>test8</li>
    <li>test9</li>
  </ul>
  </div>
  <div id="pied">
  blablabla
  </div>
</div>

le css:

#centre {
	text-align: justify;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	width: 80%;
	border: thin solid #000;
}

#navigation {
	clear: both;
	float: left;
	width: 100%;
	padding-bottom: 50px;
}
ul#ab, ul#cd, ul#ef {
	width:250px;
	border:1px solid #DDD;
	color:#333;
	float: left;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}

ul#ab li, ul#cd li, ul#ef li {
	list-style-type: none;
}

#pied {
	clear: both;
	text-align: center;
	height: 140px;
	padding-top: 50px;
}

Alors, je voudrais centrer dans la div #centre les ul. J'ai tenté d'ajouter une div #navigation englobant les ul pour effectuer cela mais je pense que c'est un problème avec les ul directement...

voilà ce que ça donne en vrai: http://pagesperso-orange.fr/klr/index.htm

Merci
Modifié par klr974 (17 Feb 2010 - 22:23)

Je me réponds à moi même en me rendant compte de ma bêtise.
J'ai résolu le problème en mettant des valeurs fixe dans les marges droites et gauches des balises ul...