Dév : Pb de positionnement zone transparente sur rollover

[PierreR]

Bonjour à tous,

J'espère ne pas être trop hors sujet.

J'utilise un script qui fait varier la transparence de boutons (images) avec :

Code : Tout sélectionner

style="filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;

Mon problème qui se produit sur Firefox et sur Netscape7, (IE pas de pb) est le suivant :
L'effet d'oppacité ne se produit que sur une partie de l'image, la partie basse, et il manqe 4 ou 5 pixels en haut.
J'arrive à améliorer cette position en ajoutant ceci :

Code : Tout sélectionner

vertical-align: text-bottom; 

Mais le positionnement reste imparfait
Ma page est visible ici :
http://perso.wanadoo.fr/agnes.palier/test/index2.htm

Je m'arrache les cheveux depuis 3 jours la-dessus, auriez-vous une idée sur ce qui cloche ?

Merci pour votre aide.
PierreR

[calimo]

1. Aïeaïeaïe ! Des images de contenu sans texte alternatif !
2. Je ne vois pas trop l'utilité d'un script pour ça… pourquoi ne pas utiliser une pseudo-classe :hover ?
3. À vrai dire je ne vois même pas trop l'utilité des images. Pourquoi ne pas faire une liste et la styler grâce aux CSS ? http://css.maxdesign.com.au/