Menu déroulant qui est caché par une autre di

<div class="centrer"> 

	<div class="FondEcran">   

		<div id="conteneur">

	 	<br />

		<div id="header2"></div>

		<div>&nbsp; </div>

		<div>&nbsp; </div>

		

		<div class="menu_global">

		<div class="menu">  

	           <ul id="menuDeroulant">

	             <li>

		          	 <a href="#">L'Association </br> </a>

			          	 <ul class="sousMenu">

			          	 <%if (!servletPath.startsWith("/backoffice")){%>

			       		      <li>

								<s:a href="%{socle}">Socle de valeurs partagées</s:a>

			       		      </li>

			   

			             </ul>

	  			</li>

	            			 

	           </div><%//Fin div menu %>

	          </div><%//Fin div menuCentrer %

body

{

   width: 90%;/* la page sera extensible */

   margin: auto;

   margin-top: 20px;

   margin-bottom: 20px;

   color:#000d16;

   background-color: #f8f8de;

 }



#centrer

{

	text-align: center;	

	

}





#divMenuRuban

{

    position:absolute;

    z-index: 10;

    top :420px;

    left : 1200px;

}



a

{

     color :Gray; 

     text-decoration :none;

}







#header

{

	background-image:url("../resources/image/BanniereHautLogo.jpg"); 

	width: 900px;

	height: 251px;

	margin-left: auto;

	margin-right: auto;



}





.menu {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 16px;

	font-weight: bold;

	font-style: normal;

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	width:90%;

	position: relative;

	z-index: 10;

	margin-left:245px;

	float: none;

	background-color: #090;

	text-align: center;

	color: #23231f;

}





.menu_global {

	width:70%;

	text-align: center;

	 

}





.menu_global_Projet {

	width:20%;

	text-align: center;

	z-index: 5;

	position: relative; 

	top: 120px;

	margin-left:30%; 

	 

}


#conteneur

{

	width: 100%;

	margin: auto;

		

}


#support

{

	position:relative;

	top :100px;

	margin-left:90%;

	z-index: 4;

	width:10%;

	height:300px;

	overflow:hidden;

	border:0px solid #000;	

}



#effetFlipGazette

{

	position:absolute;

	top : 500px;

	margin-left: 10%;

	width:80%;

	height:700px;

	overflow:hidden;

	border:0px solid #000;	

}



#menuDeroulant

{

	width: 900px;

	list-style-type: none;

	margin: 0;

	padding: 0;

	border: 0;

	position: absolute;

	top: 2px;

	right: -45px;

	text-align: center;

}




#menuDeroulant li

{

	float: left;

	margin: 0;

	width: 150px;

	padding: 0;

	border: 0;

	

}


#menuDeroulantProjet li

{

	float: left;

	margin: 0;

	width: 200px;

	padding: 0;

	border: 0;

	

}



#menuDeroulant .sousMenu

{

	display: none;

	list-style-type: none;

	margin: 0;

	padding: 0;

	border: 0;

	

}




#menuDeroulant li:hover > .sousMenu { display: block; }



#menuDeroulant .sousMenu li

{

 float: none;

 margin: 0;

 padding: 0;

 border: 0;

 border-top: 1px solid transparent;

 border-right: 1px solid transparent;



}

#menuDeroulant li a:link, #menuDeroulant li a:visited

{

	display: block;

	height: 1%;

	color: #333;

	background: #3B4E77;

	margin: 0;

	padding: 4px 8px;

	border-right: 1px solid #fff;

	text-decoration: none;

	background-color: #0F3;

}


#menuDeroulant li a:hover {

	background-color: #09F;

}



#menuDeroulant li a:active {

	background-color: #030;

}





#menuDeroulant .sousMenu li a:link,

#menuDeroulant .sousMenu li a:visited

{

 display: block;

 margin: 0;

 border: 0;

 text-decoration: none;



}



#menuDeroulant .sousMenu li a:hover

{

	background-image: none;

	background-color: #0F0;

}

<div id="corps"> 

          	    

       	    <div class="titre_corps"> <br />  <br /> 

       	   			<s:property value="title"/>

       	    

       	    </div>

       	    

       	    <div style="width:100%" align="center">

       	    <s:property value="desc" escape="false"/>

       	     </div>

       	     

       

       	     

          <div id="effetFlipGazette">

              	        	 <!--  codebase="lvbook" c'est le nom du dossier dans laquel se trouve la classe utilisée  -->

					<applet name="lvbook" codebase="lvbook" code="lvbook" height="600" width="800">

						<s:property value="entityId"/>

						<param name="Background1" value="FFFFFF">

						<param name="Background2" value="FFFFFF">

						<param name="credits" value="applet by  www.lvplanet.com">

						<param name="Font" value="Dialog,0,10">

						<param name="Foreground" value="ffffcc">

					

						<param name="Image1" value="#">

						<s:iterator value="listImages">

			            	<s:property value="nomImage"/>

			            	<s:property value="position"/>

			            	<param name="Image${position}" value="resources/image/imagesUtilisateurs/${entityId}/${nomImage}">

			            </s:iterator>

					

						<param name="OpenImages" value="Yes">

						<param name="PageBorders" value="Yes">

						<param name="Target" value="_blank">

						<param name="EffectDuration" value="100">

					</applet>

 

			</div>

			

			

			

	</div><!-- fin div corps -->

	



</body>