Petit soucis avec un rollover

Bonjour,
petit soucis avec un rollover :
Je souhaiterais que l'image soit plus sombre avant le rollover puis qu'elle séclaire plus au survol.
Le prob, c'est que j'ai beau inverser les class ça n'y fait absolument rien.
L'image est toujours claire au départ et s'obsurcit au survol...
Vous avez une idée svp ?
CODE
1 ere soluce
<html>
<head>
<style type="text/css">
body{background-image: url(bgindex.jpg);color:#ffffff;text-align:center;}
a.roll img { opacity: 1.0; filter:alpha(opacity=100); }
a.roll:hover img { opacity: 0.4; filter:alpha(opacity= 60); }
</style>
</head>
---------
2ème soluce
<html>
<head>
<style type="text/css">
body{background-image: url(bgindex.jpg);color:#ffffff;text-align:center;}
a.roll img { opacity: 1.0; filter:alpha(opacity=60); }
a.roll:hover img { opacity: 0.4; filter:alpha(opacity= 100); }
</style>
</head>
<body>

<a href="111.html" class="roll"><img border=0 src="lcc2.jpg"></a>
</body>
<html>
ça ne change rien chez moi et vous ?
===>HELP ???