Contenu page "bouge", cause: menu découlant

Bonjour à tous!!!

Je voudrais corrigé un petit problème, j'ai cherché mais point trouvé de solution claire.

description du problème:

- sous FF
Lorsque l'on passe avec la souris au dessus du menu déroulant, le menu se comporte correctement mais le contenu de la page "bouge".

-IE
Lorsque l'on passe sur le menu déroulant le menu se comporte un peu n'importe comment. Et même problème que FF (à propos de la page).

Je place ici le code de la feuille de style puisqu'il est en externe.

body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #a9d8ff ;
}

div#conteneur
{
	width: 780px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #58b2ff ;
	background: #eee ;
}

h1#header
{
	height: 100px ;
}

div#contenu
{
	padding: 30px 10px 0 10px ;
	z-index: 1;
	clear: both;
}
div#page
{
	overflow: auto ;
	background: #a9d8ff ;
	border: 2px solid #58b2ff ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
	clear: both;
}
div#pageProjets
{
	overflow: auto ;
	background: #a9d8ff ;
	border: 2px solid #58b2ff ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
	height: 550px;
}
#footer
{
	text-align: center;
}
dl, dt, dd, ul, li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu 
{
	position: relative;
	top: 0;
	left : 0 ;
	z-index:100;
	width: 100%;
}
#menu dl 
{
	float: left;
	width: 130px;
	margin: 0 0px;
}
#menu dt 
{
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #a9d8ff;
	border: 1px solid #58b2ff;
}
#menu dd 
{
	border: 1px solid #58b2ff;
}
#menu li 
{
	text-align: left;
	background: #a9d8ff;
}
#menu li a, #menu dt a 
{
	color: #000;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#menu li a:hover, #menu dt a:hover 
{
	background: #58b2ff;
}
#ul2
{
	width: 250px;
}
#ul3
{
	width: 330px;
}
.blue 
{
	color: blue;
}
.red 
{
	color: red;
}
.vert 
{
	color: green;
}
#droite
{
	float: right;
}
#centre 
{
	text-align: center;
}
.diapo
{
	width: 300px;
	height: 300px;
}

div#image {    /* bloc image en arrière-plan */
	width: 494px;
	height: 512px;
	background: url(images/Carte_France_Dptavecpoint.gif) no-repeat;
	float: right;
	z-index: 50;
}
#zone1 {    /* zone cliquable parc de la haute chèvre*/
	float: left;
	width : 60px;
	height: 15px;
	margin-left: 140px;
	margin-top: 100px;
}
#zone6 {    /* zone cliquable parc de la vénerie*/
	float: left;
	width : 60px;
	height: 15px;
	margin-left: -55px;
	margin-top: 122px;
}
#zone3 {    /* zone cliquable parc de la renardiere*/
	float: left;
	width : 70px;
	height: 15px;
	margin-left: -155px;
	margin-top: 166px;
}
#zone2 {    /* zone cliquable parc de bonneval*/
	float: left;
	width : 70px;
	height: 15px;
	margin-left: 10px;
	margin-top: 166px;
}
#zone4 {    /* zone cliquable parc de beaumont*/
	float: left;
	width : 70px;
	height: 15px;
	margin-left: -160px;
	margin-top: 190px;
}
#zone5 {    /* zone cliquable parc du Moulin de Pierre*/
	float: left;
	width : 100px;
	height: 15px;
	margin-left: -53px;
	margin-top: 142px;
}
#zone7 {    /* zone cliquable etude de vent de la ferriere st martin*/
	float: left;
	width : 45px;
	height: 13px;
	margin-left: -141px;
	margin-top: 133px;
}
#zone8 {    /* zone cliquable etude de vent de st martin des bois*/
	float: left;
	width : 45px;
	height: 13px;
	margin-left: -120px;
	margin-top: 190px;
}

Voilà j'espère être clair. Si quelqu'un peu m'indiquer une piste de solution.
Merci d'avance!

Et merci beaucoup à tous les acteurs de ce site, que ça soit pour les tutos
ou l'aide fournis sur le forum. Je viens souvent chercher des solutions à mes problèmes, et je dois dire que je trouve souvent mon bonheur!
Modifié par eurykane (07 Nov 2006 - 18:39)