Bonjour tout le monde.

Je post un message de detresse ! Du jamais vu pour ma part !
Voici mon code html
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div id="menuh">
 
<a href="#" title="Ressources Communes">
<div class="mressources">
	<div class="ressourcescom">
		<?php
			cat_cfa(82);
		?>
	</div>
</div>
</a>
 
</div>
Voici mon css :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
#menuh .mressources {
	float: left;
	width: 224px;
	height: 52px;
	display: block;
	background-image: url([[pix:theme|menuh/rcommunes]]);
	cursor: pointer;
}
 
#menuh .mressources:hover {
	background-image: url([[pix:theme|menuh/rcommunes2]]);
}
 
#page-content .ressourcescom {
	z-index: 100;
	position:absolute;
	background: #fff;
	padding: 10px;
	float:left;
	display: none;
	margin-top: 50px;
	-moz-box-shadow: 1px 1px 12px #555; 
	-webkit-box-shadow: 1px 1px 12px #555;
	box-shadow: 1px 1px 12px #555;
 
}
Tout fonctionne super sur chrome et ff. Mais sur Ie 8, J'ai 2 fois mon div "mressources" qui s'affiche cote à cote !!!!! Le plus étrange c'est que sur le deuxieme div, je n'ai pas le lien <a href>. j'ai juste l'image de fond.
Si je contraint à une taille inférieur, ca réduit les deux !!!

Le seul moyen pour régler mon pb sous ie c'est
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
<a href="#" title="Ressources Communes">
<div class="mressources">
</div></a>
<div class="ressourcescom">
<?php
cat_cfa(82);
?>
</div>
Mais du coup c'est mon menu qui fonctionne plus !!!!
voici le code jquery
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
$(".mressources").hover(function() {
        $(".ressourcescom").show();
    }, function() {
		$(".ressourcescom").hide();
    });

Please aidez moi !!! je n'y comprend plus rien et j'ai envie de bombarder Microsoft et son navigateur !!!


merci d'avance.