Centrer 2 éléments

Bonjour,

Je cherche à disposer deux éléments contigus, mais centrés dans la page. Comment faire ?
J'ai bien les éléments côte à côte avec le code suivant:

ul#menu li{
list-style:none;
}
#item1 a {
float:left;
display:block;
width:215px;
height:29px;
background:url(btn_bas_left.jpg) no-repeat;
}
#item1 a:hover{
background:url(btn_bas_left_over.jpg) no-repeat;
}
#item2 a {
margin-left:250px;
display:block;
width:215px;
height:29px;
background:url(btn_bas_right.jpg) no-repeat;
}
#item2 a:hover{
background:url(btn_bas_right_over.jpg) no-repeat;

HTML:

<ul id="menu">
<li id="item1"><a href=""></a></li>
<li id="item2"><a href=""></a></li>
</ul>

Mais le float:left tire un peu trop, ben à gauche justement...
Merci,

Salut,

Tu connais la largeur totale de ton conteneur ul en faisant la somme des largeurs des contenus. Donc rajoute sur ton ul une largeur et un margin:auto;

Ben oui, aussi simplement que cela... merci Agylus.

Bonjour,

Bon, je reviens à la charge. La tâche étant de disposer les éléments de navigation au sein de leur conteneur respectif. J'arrive bien à avoir le résultat escompté sous Firefox, mais sous IE7, j'ai toujours un décalage vertical pour le bouton droit (en haut et en bas). J'ai placé une page en ligne à cette adresse : www.cfa-bourges.fr/test/miseEnPage/default.html. Le code Css est dans l'en-tête.
Merci bien.

Salut,

A vue de nez, je dirais que c'est sur les li que tu dois mettre les float et les dimensions et non sur les liens contenus.

Ok, merci Agylus.