Mon "menu-horizontale passe en dessous de mon "corps

Tout est dans le titre, essayez de vous balader sur le menu horizontale ...

http://moncine.webuda.com/

Bah y'a un attribut pour ça nan ?

EDIT : Je crois que c'est l'attribut z-index="X", X étant la profondeur donnée à la div dans la contruction de la page, je suis pas sûr.
EDIT 2 : Tiens regarde à ça http://www.webmaster-hub.com/topic/31252-mettre-une-div-derriere-une-autre-en-arriere-plan/ surtout la citation d'un des mec.

xcr4zyz' a écrit:
Bon premièrement,

Les codes ?

Ensuite met moi une
img{
border:none;
}

car sa me gonfle déjà

hein ? lol je les déjà mis, si tu parles de la bordure qui est sur le menu horizontale c'est fait exprès x'D
j'ai essayé de faire un effet de zoom mais sa le fait pas trop ^^

Et sinon désolé j'avais édites mon message en mettant les codes mais ma livebox a bug ( vive orange )

Donc voilà :

Code de mon menu horizontale :(html)

Code:


         <div id="menu">
<ul>

<li><a href="#"><img src="home.png" />Accueil</a></li>
<li><a href="#"><img src="jeux.png" />Jeux vidéos</a>

<ul>

<li><a href="#">PC</a></li>
<li><a href="#">PS3</a></li>
<li><a href="#">PS2</a></li>
<li><a href="#">PSP</a></li>
<li><a href="#">Xbox 360</a></li>
<li><a href="#">Wii</a></li>
<li><a href="#">DS</a></li>
<li><a href="#">3DS</a></li>

</ul>




<li><a href="#"><img src="film.png" />Film</a>

<ul>
<li><a href="#">Cinéma</a></li>
<li><a href="#">Série TV</a></li>
</ul>


<li><a href="#"><img src="membre.png" />Membre</a>
<ul>

<li><a href="#">Connexion</a></li>
<li><a href="#">Inscription</a></li>

</ul>
<li><a href="#"><img src="admin.png" />Admin</a>





</ul>
</div>


Code de mon menu-horizontale: (css)

Code:



#menu ul {
margin:0;
padding:0;

list-style-type:none;
text-align:center;
background-color: #333333;

}
#menu li {
float:left;
margin:auto;
padding:0;

background-color: #f4f9fd;
}
#menu li a {
display:block;
width:150px;
color:black;
text-decoration:none;
margin-top:0px;
padding:10px;

}
#menu li a:hover {
color: #333333;
border: 4px solid #f4f9fd;
}
#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;
}
#menu {
height:50px;
margin-left: 150px;
margin-right: 150px;
float: center;

}



voila j'ai rajouté les li qui manquait mais sa marche toujours pas

xcr4zyz' a écrit:Ils sont tous pas tous fermé

normal sinon le menu devient plus déroulant

Jvois tjrs pas comment faire, sa viendrais pas de sa :

Code:


display:block;


xcr4zyz' a écrit:Si je peux te donner une astuce. Télécharge firebug. Tu va pouvoir modifier ta page en ligne. Sa va t'aider

Je peux pas, j'ai la version 4.0 en beta, le module ne marche pas sur cette version

Sa sert à quoi le module ? parce que si c'est utile je désinstalle cette version de firefox

ok bah je désinstalle mon firefox et je test, le plug in affiche direct l'erreur ?

Tu peux avoir la beta et la 3.x de firefox en meme temps, pas besoin desinstaller ...