Bonjour à tous.

Je me suis mis récemment à la création de site web avec Joomla, j'ai donc lu quelques articles sur les principes de bases ainsi que sur le HTML et CSS.
Je rencontre cependant un petit problème pour créer une barre de menu horizontale avec la template de base (beez_20).
En effet les menus que je rajoute se superposent au lieu se mettre les uns à coté des autres.

j'ai donc essayé de modifier quelques lignes des fichiers CSS mais celà n'a pas été concluant.
Voici le code CSS d'origine :

J'ai essayé d'enlever la position absolute de #header ul pour que les blocs restent dans le flux.
De mettre display:inline-block; pour #header ul.menu et #header ul.menu li afin que les blocs menus puissent se mettre en ligne.
De mettre float: left; pour #header ul.menu et #header ul.menu li afin que les menu se positionnent les un après les autres.

Qu'est ce que j'ai mal compris? Un peu d'aide ne serait pas de refus svp .