Forum d'entraide PHPFrance

salut,
j'ai un petit problème ,c'est que dans mon menu verticale,quand je survole sur un rebriques pour voir ses sous rubriques ,la page décale en bas avec les images de ce c oté là.
comment faire pour que meme en survolant sur les sous- menu l'image uqi se trouve en bas de menu ne decale pas ??
mon code menu sur html:

<div id="menuU">
                <div class="menucolore1" id="menu1" onmouseover="affiche(this)">
                    <a href="pagescolaire.php">
                   
                    SCOLAIRE</a>
                    <div class="sousmenu" id="sousmenu1" style="display:none" onmouseout="affiche(this)">
                        <div>
                        
                        <div id="menucoloreM1">
                        <center>
                        <a href="fr/scolaire.php">
                        > Scolaire
                        </a>
                        </center>
                         </div>
                        
                      </div>
                       <div id="menucoloreM1"> <div><center><a href="primaire.php">> Primaire</a></center></div></div>
                       <div id="menucoloreM1"> <div><center><a href="pagescolaire.php">> Prescolaire</a></center></div></div>
                  </div>
              </div>
 
                <div class="menucolore2" id="menu2" onmouseover="affiche(this)">
                    <a href="#">MATERIELS EDUCATIFS</a>
                    <div class="sousmenu" id="sousmenu2" style="display:none" onmouseout="affiche(this)">
                      <div id="menucoloreMb1"> <div><center><a href="philosophie.php">> Philosophie</a></center></div></div>
                       <div id="menucoloreMb1"> <div><center><a href="science.php">> Science</a></center></div></div>
                       <div id="menucoloreMb1"> <div><center><a href="economie.php">> Economie</a></center></div></div>
                  </div>
              </div>
 
                <div class="menucolore3" id="menu3" onmouseover="affiche(this)"><a href="enfantJeunesse.php">ENFANTS ET JEUNESSE</a></div>
                <div class="menucolore4" id="menu4" onmouseover="affiche(this)"><a href="encyclopedie.php">ENCYCLOPEDIES</a></div>
                <div class="menucolore5" id="menu3" onmouseover="affiche(this)"><a href="dictionnaire.php">DICTIONNAIRES</a></div>
                <div class="menucolore6" id="menu4" onmouseover="affiche(this)"><a href="cuisineFemme.php">CUISINE-FEMMES</a></div>
                <div class="menucolore7" id="menu3" onmouseover="affiche(this)"><a href="patrimoine.php">LIVRES PATRIMOINES</a></div>
                <div class="menucolore8" id="menu4" onmouseover="affiche(this)"><a href="cartegeo.php">CARTE GEOGRAPHIQUES</a></div>
                <div class="menucolore9" id="menu3" onmouseover="affiche(this)"><a href="audio.php">AUDIOVISUEL (CD-DVD)</a></div>
                 </div>

Et sur CSS:

/*MENU*/
#menuU{
  width: 100%;
  margin:0px 0px;
  float:left;
position:relatif;
 }
#menuU div{
	float:left;
    padding:0px;
	margin:0px;
	width:100%;
	text-align:center;
}
.menuU{
	position:fixe;
	float:left;
	width:190px;
	position:fixed;
}
#menuU div a:link, #menuU div a:visited, #menuU div a:hover{
	
	font-weight:bold;
	font-family:arial,sans-serif;
	font-size:14px;
	text-decoration:none;
 
	padding:5px;margin:1px 0px;
	height:22px;
	display:block;
}
#menuU div a:link, #menuU div a:visited{
	
padding:5px;margin:1px 0px;
}
#menuU div a:hover, #menuU div a:active, #menuU div a:focus{
	
padding:5px;margin:1px 0px;
}
#menu1 div a:hover, #menuU div a:active, #menuU div a:focus{
	
padding:5px;margin:1px 0px;
}
 
.sousmenu{
	color: #FFFFFF; 
	 border-radius: 1px;
     float:left;
}

oops sayé c'est résolu par un autre code,pure css!