background-image bug IE8

Version imprimable

Hello,

Je viens de découvrir un problème avec IE8 sur un de mes sites. Lorsque j'applique une image de fond, celle-ci "passe" au-dessus du contenu et les liens ne sont plus cliquables. Bien entendu quand je la supprime mes liens fonctionnent correctement.

Voilà le code CSS du contenant:
Code:

1 2 3 4 5 6 7 8 9 .scroll { overflow:auto; overflow-x:hidden; background-image:url(images/fond_scroll.png); margin-left:60px; margin-right:5px; padding-bottom:5px; z-index:0; }
Et le code Html où il est utilisé:
Code:

1 2 3 4 5 <div class="scroll" style="height:350px; width:680px;"> <div onclick="document.getElementById('exemple').value = 'exemple'; document.getElementById('hidden').style.display = 'block';"> <img style="cursor:pointer;" src="images/creer.png" width="25" height="25" /></div> </div>
Dans ce cas de figure l'event onclick ne fonctionne pas, et la propriété CSS "cusor:pointer" n'est pas appliquée à l'image.

J'ai essayé avec les z-index mais rien n'y fait, est ce quelqu'un a déjà rencontré ce problème ?

Merci d'avance.

17/11/2009, 09h16
Bisûnûrs

Tu aurais un exemple en ligne ? Utilises-tu un DOCTYPE en bonne et due forme ?
17/11/2009, 10h21
wylls
Bonjour,

Merci de t'intéresser à mon problème. Je vais essayer de mettre un exemple disponible en ligne.

Sinon, j'utilise bien un DOCTYPE :
Code:

1 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
.
17/11/2009, 10h50
wylls

Bon bah, maintenant ça fonctionne, à force de trifouiller le code dans tous les sens j'ai du corriger l'erreur, mais je n'aime pas corrigé le problème sans savoir le comment du pourquoi.

En tout cas merci pour le coup de main.