Problème avec menu déroulant sur page d'accueil

[softbreath]

Bonjour/bonsoir !

Il y a longtemps que je travaille avec cette page d'accueil, mais en la mettant sur un autre forum et en la modifiant, je me suis aperçue d'un problème. Mon menu déroulant n'est pas au premier plan. Ou plutôt, les titres de chaque boîte de ma PA sont en premier-plan tandis que le reste ne l'est pas.

Spoiler:

Ce que je veux, c'est que le menu déroulant soit en premier plan. Pourriez-vous me dire quel est le problème que je n'arrive pas à trouver ?

Code:

<div-align:center><div id="menu"><ul><li><a href="LIEN">Pour débuter</a><ul>
<li><a href="LIEN">Règlements</a></li>
<li><a href="LIEN">Contexte</a></li>
<li><a href="LIEN">Signature du règlement</a></li>
<li><a href="LIEN">© Copyright</a></li>
<li><a href="LIEN">Groupes</a></li></ul></li>
<li><a href="LIEN">Aide & FAQ</a>
<ul>
<li><a href="LIEN">Nombre de lignes</a></li>
<li><a href="LIEN">HTML</a></li>
<li><a href="LIEN">Prénoms & Noms</a></li>
<li><a href="LIEN">FAQ</a></li></ul></li>
<li><a href="LIEN">Prédéfinis</a>
<ul>
<li><a href="LIEN">Gentils</a></li>
<li><a href="LIEN">Méchants</a></li>
<li><a href="LIEN">Neutres</a></li>
<li><a href="LIEN">Anges</a></li>
<li><a href="LIEN">Clan Secret</a></li>
<li><a href="LIEN">Autres</a></li>
<li><a href="LIEN">Scénarios des membres</a></li></ul></li>
<li><a href="LIEN">Administration</a>
<ul>
<li><a href="LIEN">Annonces</a></li>
<li><a href="LIEN">Nouveautés</a></li>
<li><a href="LIEN">Absences</a></li>
<li><a href="LIEN">Questions & Suggestions</a></li></ul></li>
<li><a href="LIEN">Demandes</a>
<ul>
<li><a href="LIEN">Internet</a></li>
<li><a href="LIEN">PNJ</a></li>
<li><a href="LIEN">Résidence</a></li></ul></li>
<li><a href="LIEN">Présentations</a>
<ul>
<li><a href="LIEN">Fiche de présentation</a></li>
<li><a href="LIEN">Rescencement des avatars</a></li>
<li><a href="LIEN">Fiches Validées</a></li>
<li><a href="LIEN">Fiche en attente</a></li></ul></li>
<li><a href="LIEN">Personnages</a>
<ul>
<li><a href="LIEN">Demande de liens</a></li>
<li><a href="LIEN">Demande de RP</a></li>
</ul></li></li></ul></div></div><br><br><DIV ALIGN=CENTER><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 730px; height: 570px; border:solid 4px #; text-align: center; background:url("...") repeat;"><table style="width: 100%; border-collapse:collapse;"><tr><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 350px; height: 560px; border:solid 4px #; text-align: center; background:url("...") repeat;"><table style="width: 100%; border-collapse:collapse;"><tr><td><table style="width: 100%; border-collapse:collapse;"><tr><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>BIENVENUE</h2><div-align:justify>Bienvenue sur POWERFULPEOPLE, {USER&amp;#8288;NAME}!<br>
<br>
Le staff espère que vous passerez du bon temps parmi nous! Les personnages prédéfinis sont à prendre en priorité comme premier personnage! Merci !</div>
</div></td><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>ANNONCES</h2><div align="center"><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 170px; height: 140px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;">
Le forum est actuellement en reconstruction. Revenez-nous plus tard pour découvrir toutes les nouveautés que le forum vous offrira.<br></div>
</div></div></div></td></tr></table></td></tr><tr><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 362px; height: 200px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>CONTEXTE</h2><div style="width:355px;height:170px;overflow:auto; font-family: Georgia;background-color: #41528A"><div style="height: 80px; " class="presbloc"><blockquote><div align="justify">Les chiffres sont importants. Partout dans le monde entier, le mal prend de l’ampleur sur le bien et crée un déséquilibre dans le grand dessein. Pour remédier à ce problème, les entités on distribués des pouvoirs à une grande masse de personnes qui devront choisir leur camp. Entre temps, le mal et le bien s’affronte pour prendre du terrain. Qui gagnera le grand combat ? À vous de jouer !<br><br>Contexte complet <a href="http://powerfulpeople.forumactif.org/t3-principe-du-jeu-contexte?sid=2bd85d99aede82732b3911264edb7abe" class="postlink">ici</a>!</blockquote></div>
</div></div>
</div></td></tr><tr><td><table style="width: 100%; border-collapse:collapse;"><tr><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; text-align: justify; background:url("...") repeat;"><h2><div style="margin:auto;text-align:center;width:100%">WE NEED THEM</h2>UC</div>
</div></td><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>COPYRIGHT</h2><br><div align="center">Desing by softbreath<br>
<br>
© PowerfulPeople, tous droits réservés<br></div>
</div></td></tr></table></td></tr></table></div></td><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 350px; height: 560px; border:solid 4px #; text-align: center; background:url("...") repeat;"><table style="width: 100%; border-collapse:collapse;"><tr><td><table style="width: 100%; border-collapse:collapse;"><tr><td><div style="color: #; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; font-variant: small-caps; text-align: center; background:url("...") repeat;"><h2>STAFF</h2><br>
<a href="#" class="info"><img src="http://illiweb.com/fa/pbucket.gif"><span>Nana Animo<br><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /><br>
Fondatrice<br>Statut: <font color="green">Présente</font></span></a> <a href="#" class="info"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /><span>Jason Kyle<br><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /><br>
Administrateur<br>Statut: <font color="green">Présent</font></span></a><br><a href="#" class="info"><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /><span>Ayumee Moon<br><img src="http://illiweb.com/fa/pbucket.gif" border="0" alt="" /><br>
Administratrice<br>Statut: <font color="green">Présente</font></span></a>
 </div></td><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>MUSIC</h2><div align="center"><object width="150" height="137"><param name="movie" value="http://www.youtube.com/v/SH0srJkFxbk?fs=1&amp;hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/SH0srJkFxbk?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="175" height="156"></embed></object></div>
</div></td></tr></table></td></tr><tr><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 362px; height: 200px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>PANNEAU D'AFFICHAGE</h2><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 360px; height: 100px; border:solid 4px #; background-color: #; text-align: center; background:url("...") repeat;"><blockquote><MARQUEE behavior="scroll" align="center" direction="up" height="155" scrollamount="2" scrolldelay="1" onmouseover='this.stop()' onmouseout='this.start()'><div-align:justify>• Le forum est actuellement en reconstruction.<br>
<br>
• Nouveau design! Fait par softbreath!<br>
<br>
• Le forum subit des changements majeurs. Veuillez lire les annonces.<br>
<br>
• Bravo à notre nouvel administrateur, Jason Kyle!<br>
<br><br></div></MARQUEE></blockquote></div></div></td></tr><tr><td><table style="width: 100%; border-collapse:collapse;"><tr><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>BOUTONS</h2><br>
<img src="http://i72.servimg.com/u/f72/14/12/66/89/73940410.png" border="0" alt="" /><br><br><img src="http://i72.servimg.com/u/f72/14/12/66/89/99719510.png" border="0" alt="" />
</div></td><td><div style="color: #; font-family: Tahoma; -moz-border-radius: 10px 10px 10px 10px; width: 180px; height: 170px; border:solid 4px #; background-color: #41528A; text-align: center; background:url("...") repeat;"><h2>ELITE'S</h2><br><img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /><br><img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /><br><img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /><br><img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /><br><img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /> <img src="http://i72.servimg.com/u/f72/14/12/66/89/pos_210.png" border="0" alt="" /></div></td></tr></table></td></tr></table></div></td></tr></table>
</div></DIV></div></div><br>
<br></blockquote>

Voici également le CSS concernant le menu déroulant:

Code:

#menu ul { div-align="center"; margin:0; padding:0; list-style-type:none; text-align:center; }
#menu li { float:left; margin:auto; padding:0; background-color: #41528A; }
#menu li a { display:block; width:96px; color: #C5CBEA; text-decoration:none; padding:5px; }
#menu li a:hover { color:black; }
#menu ul li ul { display:none; }
#menu ul li:hover ul { display:block; }
#menu li:hover ul li { float:none; }
#menu li ul { position:absolute; }

Merci d'avance à ceux qui voudront bien m'aider !

Cordialement.

[Danux]

Bonjour,

Rajoutez voir dans votre feuille CSS :

Code:

#menu { position: relative; z-index: 999; }

[softbreath]

Voilà, j'ai essayé, et ça fonctionne.

Merci beaucoup ! ^^