Problème de menu en html...

body

{

   width: 760px;

   margin: auto; /* Pour centrer la page */

   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */

   margin-bottom: 20px;    /* Idem pour le bas du navigateur */

   background-image: url("images/contenu.png");

   background-repeat: no-repeat;

}

 
/* L'en-tête */

 
#en_tete

{

   width: 1000px;

   height: 160px;

   background-image: url("images/header.jpg");

   background-repeat: no-repeat;

   margin-bottom: 10px;

}

 
 
/* Le menu */

 
#menu2

{

   float: right; /* Le menu flottera à droite */

   width: 120px; /* Très important : donner une taille au menu */

   position: fixed, absolute;

}

 
.element_menu2

{

   background-image: url("images/menucon.jpg");

   background-repeat: repeat-x;

 
   border: 2px solid black;

 
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */

}

 
 
/* Quelques effets sur les menus */

 
 
.element_menu2 h3 /* Tous les titres de menus */

{    

   color:  #FFCC00;

   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

   text-align: center;

}

 
.element_menu2 ul /* Toutes les listes à puces se trouvant dans un menu */

{

   list-style-image: url("images/puces.gif"); /* On change l'apparence des puces */

   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */

   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */

   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */

   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */

}

 
.element_menu2 a /* Tous les liens se trouvant dans un menu */

{

   color:  #FFCC00;

}

 
.element_menu2 a:hover /* Quand on pointe sur un lien du menu */

{

   background-color: #FFCC00;

   color: black;

}

 
/* Le corps de la page */

 
#corps

{

   margin-top: -320px;

   width: 450px;

   margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */

   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */

   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

   color: #FFCC00;

   background-image: url("images/header2.jpg");

   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

 
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */

}

 
 
#corps h1 /* Tous les titres h1 du corps */

{

   color: #FFCC00;

   text-align: center;

   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

}

 
#corps h2 /* Tous les titres h2 du corps */

{

   height: 30px;

 
   background-image: url("images/puces.gif"); /* Une petite image de fond sur les titres h2 */

   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */

 
   padding-left: 30px;

   color: #FFCC00;

   text-align: left;

}

 
#menu

{

   float: left; /* Le menu flottera à gauche */

   width: 120px; /* Très important : donner une taille au menu */

}

 
}

 
.element_menu

{

   background-image: url("images/menucon.jpg");

   background-repeat: repeat-x;

 
   border: 2px solid black;

 
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */

}

 
 
/* Quelques effets sur les menus */

 
 
.element_menu h3 /* Tous les titres de menus */

{    

   color:  #FFCC00;

   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

   text-align: center;

}

 
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */

{

   list-style-image: url("images/puces.gif"); /* On change l'apparence des puces */

   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */

   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */

   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */

   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */

}

 
.element_menu a /* Tous les liens se trouvant dans un menu */

{

   color:  #FFCC00;

}

 
.element_menu a:hover /* Quand on pointe sur un lien du menu */

{

   background-color: #FFCC00;

   color: black;

}

 
 
/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

 
#pied_de_page

{

   padding: 5px;

   width: 600px;

   margin-top: 150px;

   text-align: center;

   color: #FFCC00;

   background-image: url("images/header2.jpg");

   background-repeat: repeat-x;

 
   border: 2px solid black;

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>">

<html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>" xml:lang="fr" >

        <head>

                <title>World Of Game</title>

                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

				<link rel="stylesheet" media="screen" type="text/css" title="Design" href="themepardefaut.css" />

        </head>

        <body>

 
 
 
		        <div id="en_tete">

 
                </div>

 
 
                <div id="menu">

                   <div class="element_menu"> 

                    <h3> Le site </h3>

                   <ul>

                    <li><a href="Index.html">Accueil</a></li>

                    <li><a href="News.html">News</a></li>

                    <li><a href="Touslesjeux.html">Tous les jeux</a></li>

                   </ul>

 
                   </div>

 
                   <div class="element_menu">

                   <h3>Rpg maker</h3>

                   <ul>

                    <li><a href="Rpgmaker?.html">Rpg Maker ?</a></li>

                    <li><a href="Tutoriaux.html">Tutoriaux</a></li>

                    <li><a href="Scripts.html">Scripts</a></li>

					<li><a href="Ressources.html">Ressources</a></li>

                   </ul>

 
                   </div>

 
 
 
		<div id="corps">

                   <h3> Bienvenue sur WOG ! </h3>

				   <p>

				 Bienvenue a tous sur WOG ( World Of Game ) qui est un site pour tous les fans de création de jeux vidéo ou 

				 de programmation en tous genre. Notre équipe vous souhaite une agréable visite.  

				   </p>

				   <h3> WOG, c'est quoi ? </h3>

				   <p>

				   Qu'est-ce que world-of-game ? <br/>

				   World-of-game est un site ou vous pourrez apprendre (à travers des tutoriaux) à réaliser des sites

				   web, jeux vidéo 2D, animation 3D, programmes en tous genre grâce a des languages dont vous

				   trouverez les cours ici.

				   Vous disposerez aussi d'un forum auquel vous pourrez vous inscrire et d'une panoplie de jeu 

				   ( aussi bien 2D, 3D ou flash ... ) que vous pourrez télécharger

				   </p>

                </div>		   

 
 
				<div id="pied_de_page">

                  <p>

				  Copyright © WOG 2007  

				  </p> 

                </div>

                </div>

 
 
				<div id="menu2">

				   <div class="element_menu2">

                   <h3>Inscription</h3>

                   <ul>

                    <li><a href="Conditions.php">Conditions</a></li>

                    <li><a href="Tutoriaux.php">Tutoriaux</a></li>

                    <li><a href="Scripts.php">Scripts</a></li>

					<li><a href="Ressources.php">Ressources</a></li>

                   </ul>

                </div>

 
 
 
 
 
 
 
 
        </body>

</html>