Bonjour
je ne sais pas si cela va vraiment répondre à ta question mais tu trouveras dans le fichier zip ci-joint un exemple de page html avec des exemples de styles qui fonctionnent.
Pour cela j'ai utilisé une image transparente sur laquelle j'applique des styles.
Code:
.bleu { background-color:#000099; }
.rouge { background-color:#990000; }
.vert { background-color:#009933; }
.out { background-image: url(bouton.gif);}
.over { background-image: url(bouton_over.gif); }
.down { background-image: url(bouton_out.gif);}
Certains avec une couleur de fond d'autres avec une image.
Puis j'ai utilisé le même code que toi pour la balise image, cela fonctionne.
Par contre si j'utilise les styles avec filter, je ne vois pas ce que tu veux obtenir, car de toute façon cela ne restera pas dans le style cliqué étant donné que après avoir cliqué tu sors de l'image donc il applique le onmouse out.
Pour cela tu vas devoir coder un peu ou trouver une fonction javascript pour détecter sur quel élément tu clique et lui appliqué un style enfoncé par exemple.
En espérant avoir répondu à ta question.