Un problème de plan...

Bonjour à tous,
je suis en train de refaire un design pour mon site et j'utilise les très courant menu déroulant.
Je suis content car c'est la première fois que j'arrive à en faire un qui semble fonctionner correctement ^^'

Enfin... sauf pour les plans ><
En effet j'ai l'impression que j'ai un conflit entre le plan de mes sous-menu et celui du contenu du site
Dès que le curseur rencontre un autre élément que celui du menu, celui-ci disparaît =(

voici la partie concernant le menu:

#menu {
	height: 40px;
}

#menu ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	display: inline-block;
}

#menu ul li {
	float: left;
	width: 100px;
	background: url('../images/item.png');
}

#menu ul #item-1 {
	background-image: url('../images/item-l.png');
}

#menu ul #item-9 {
	background-image: url('../images/item-r.png');
}

#menu ul li a {
	display: block;
	text-align: center;
	line-height: 40px;
	color: #ffffff;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size: 17px;
	text-decoration: none;
}

#menu ul li a:hover {
	border-bottom: #93aecc solid 4px;
	font-style: italic;
}

/* second niveau */
#menu ul li ul {
	display: none;
}

#menu ul li:hover ul{
	display: block;
}

<div id="menu">
				<ul>
					<li id="item-1"><a href="index.php">Accueil</a></li>
					<li><a href="#">Le Club</a>
						<ul>
							<li><a href="#">Pr&eacute;sentation</a></li>
							<li><a href="#">Palmar&egrave;s</a></li>
							<li><a href="#">Le Comit&eacute;</a></li>
							<li><a href="#">Historique</a></li>
						</ul>						
					</li>
					<li><a href="#">Adh&eacute;rer</a></li>
					<li><a href="#">Informations</a></li>
					<li><a href="#">Interclubs</a></li>
					<li><a href="#">Tournois</a></li>
					<li><a href="#">Albums</a></li>
					<li><a href="#">Contacts</a></li>
					<li id="item-9"><a href="#">Portail</a></li>
				</ul>
			</div>

J'ai essayé en collant des z-index mais rien y fait, snif
je voix franchement pas le couac :s

Et si jamais un apperçu pouvait plus vous aider:
http://93.1.39.177/index.php
Modifié par elfaus (26 Jul 2011 - 20:35)

Salut, ton lien ne fonctionne pas.

Bonjour,

Le JavaScript, c'est bon mangézan...

oups effectivement un petit soucis de mappage, désolé ^^(
normalement le lien est bon maintenant

Sinon je ne comprend pas ce que viens faire js là dedans ?!

EDIT:
Je me répond à moi même, il suffisait de mettre

position: relative

dans

#menu {
height: 40px;
position: relative;
}

Désolé pour le dérangement
Modifié par elfaus (26 Jul 2011 - 22:02)