Afficher un texte à la place d'une image

Bonjour à tous,

Ayant essayé un paquet de scripts, je m'en remet à vous sur ce forum (sur lequel je viens de m'inscrire) pour trouver une solution.

J'essaye de faire un trombinoscope sympa pour ma société.
J'ai donc des photos et je voudrais, au passage de la souris, que la photo s’atténue (opacité) et qu'un texte (où apparaîtrais les coordonnées) apparaissent.
En fait, j'ai trouvé ce script sauf qu'il utilise des valeurs qui ne fonctionnent pas sous IE.

Voici ce que ca donne :

le code CSS :

body {
font-family:arial;
font-size:14px;
}

.Coordonnees { opacity: 0.0; transition-duration: 0.4s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s;}

.Coordonnees a {
text-decoration:none;
color:#0cc7dd;
font-size:18px;
font-family:Arial;
text-align:center;

/* add spacing and make the whole row clickable*/
padding:5px;
display:block;
}

.Coordonnees p {
font-size:11px;
}

.Coordonnees:hover {opacity: 0.8;}

</style>


le code HTML :

<div style="background: url('Image.jpg');">
<div class="Coordonnees">
<div style="background: #ffffff; height: 164px; width: 142px; ">
<div style="padding: 0px; text-align: Center; height: 164px; overflow: auto; line-height: 12px; ">

Dans un lointain, passé, j'utilisais le javascript Roll Over avec 2 images mais j'aimerais éviter cela car je voudrais vraiment avoir du texte au passage de la souris.
Pour l'opaciét, étant donné que ce n'est pas prix en compte sous IE, je peux éventuellement faire une image normal et une autre opacifié et donc faire un roll over avec ces 2 images mais il faudrait que je puisse, en plus, faire apparaître le texte au passage de la souris.

Si cela n'est pas possible, tant pis, je m'en remettrais au jascript mais je susi sûr qu'il existe une solution :-)

Merci