Placer une infobulle par dessus des éléments dynamiques

Bonjour à tous,

Il y a bien longtemps que je n'étais pas venu par ici.

J'aurai besoin de votre aide pour un problème de positionnements de calques,
je vais tenter d'expliquer au mieux le contexte.

1- J'affiche des vignettes en fonction d'une base de données (4 par ligne et 3 colonnes max par page)
2- Au passage de la souris j'affiche une infobulle (designée, pas un simple alt)

Mon soucis :
J'aimerai m'assurer que l'infobulle apparaissent juste au dessus de la vignette.

J'ai essayé :
A- de placer la div en position relative mais elle décale les vignettes car sa largeur est plus grande que les vignettes
B- de changer le z-index, mais rien à faire ?
C- de placer la div en absolute en calculant son emplacement, mais ca risque d'être long et peu fiable car il faut anticiper toutes les résolutions écrans, les navigateurs, ... ; j'aimerai vraiment éviter

D'avance, merci pour votre aide.
P.S : c'est urgent com' d'hab. ;)

Re-bonjour,

J'ai trouvé en partie la solution avec javascript.
J'ai d'abord placé mes vignettes dans une div, je récupère ensuite sa position pour définir la position des infobulles en javascript.

Voici le code :
window.document.getElementById('InfoBulle').style.left = (document.getElementById('Vignette').offsetLeft+20)+"px";

Ca fonctionne à peu prêt bien sous firefox, en revanche sur internet explorer, il récupère une position fixe (apparemment la position sur ie est fonction de l'élément parent.

Quelqu'un aurait une idée ?

Merci.

http://javascript.developpez.com/faq...script#coordXY