Jquery et css

Bonjour tout le monde.

Je post un message de detresse ! Du jamais vu pour ma part !
Voici mon code html

Code:

---

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:

---

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:

---

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:

---

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.

Bonsoir ,

Peut être que les erreurs html sont le vrai problème car la balise div ne doit pas être à l'intérieur d'une balise a , pour ça essaye cela :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<div id="menuh">   <div class="mressources" style="background-color:#999999;" > <div class="ressourcescom" style="background-color:#990000;" > <a href="#" title="Ressources Communes"> <?php cat_cfa(82); ?> </a> </div> </div>   </div>

---

En plein dans le mille ! ca fais 15 ans que je fais du HTML et je savais pas ca !
La honte ! :oops:

je met le code :

Code:

---

1 2 3 4 5 6 7 8 9 10

<div class="mressources" style="background-color:#999999;" > <div class="ressourcescom" style="background-color:#990000;" >   <?php cat_cfa(82); ?>   </div> </div>

---

La balise A ne sert pas à grand chose ici. Le title je vais le gérer autrement.

Merci en tout cas.