Bonjour,
J'ai un menu déroulant full CSS qui est fait de cette manière :
Code :
- <ul>
- <li>Item
- <ul>
- <li>Sous Item</li>
- <li>Sous Item</li>
- <li>Sous Item</li>
- <li>Sous Item</li>
- </ul></li>
- <li>Item
- <ul>
- <li>Sous Item</li>
- <li>Sous Item</li>
- <li>Sous Item</li>
- <li>Sous Item</li>
- </ul></li>
- <li>Item
- <ul>
- <li><iframe src="" /></li>
- </ul>
- </li>
- </ul>
|
Tout fonctionne impeccablement : lorsque l'on survole un <li> de premier niveau, l'UL contenu s'affiche. C'est parait... sauf que le dernier onglet pose problème : il contient une iframe. Sur tous les navigateurs testés, tout fonctionne, mais sur IE quelle que soit la version, le survol de l'iframe fait perdre le ul li:hover et du coup l'onglet se masque.
Question : comment faire pour qu'IE considère que mon iframe fait bien partie de mon bloc <ul> ?
Demo du bug (voir le dernier onglet) : http://atoojob.fr/bug/
Toute solution sera récompensée d'1 000 000 de $
Merci
Message édité par vanquishV12 le 10-02-2011 à 11:12:32