Salut,

Je tente de créer un site avec du CSS et du XHTML strict, mais je n'arrive pas à mettre en forme correctement le haut de ma page.

Voci ma page actuelle :



Voici la page que je souhaite obtenir :


La zone ul "Bienvenue visiteur" placée en bas en gauche du bandeau.
La zone ul "Accueil, blogs, etc." placée en bas à droite du bandeau.
L'image bien centrée.
Le tout placé sur le bas du "bandeau".

Voici le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="menu_navigation">
   <a href="/"><img id="logo" src="http://www.anti-phoenix.org/images/logos/deblogs-logo.jpg" alt="Déblogs" title="Déblogs" /></a>
 
 <ul id="menu_nav_user">
  <li>Bienvenue visiteur</li>
  <li><a href="/connection">M'identifier</a></li>
  <li class="last"><a href="/inscription">M'inscrire</a></li>
 </ul>
<ul id="menu_nav_links">
 <li><a href="/com/">Accueil</a></li>
 
 <li><a href="/blogs">Blogs</a></li>
 <li class="last"><a href="/articles">Articles</a></li>
 </ul>
</div>
Et voici le code CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
.menu_navigation {
 border-bottom: 1px solid #cccccc;
 font-size: 0.8em;
 text-align: center;
}
.menu_navigation #logo { border: none;}
.menu_navigation #menu_nav_user { text-align: left; bottom: 0;}
.menu_navigation #menu_nav_links { text-align: right;}
J'ai bien sur tenté tout un tat de possibilités avec des float, des position absolute ect. mais sans jamais obtenir ni le résultat désiré, ni quelque chose d'acceptable.

Est-ce que quelqu'un peut m'indiquer le bon code ? ou quelque chose pour me faire avancer ?

Merci !