Problème image par-dessus image html

Bonjour,

Je suis en train de faire la conception de mon blog et je voulais faire des icônes avec deux images (quand le curseur est par-dessus, ça change pour l'autre image) en html. Pour le premier icône que je fais, l'image change correctement, mais dès que j'en mets un deuxième, plus aucun des deux ne fonctionnent (Ils gardent la première image seulement)! Alors, je me demandais où est mon erreur et je ne suis pas très expérimenté donc soyez le plus clair possible s'il vous plaît. Vous pouvez voir ce type d'icône sur www.idiotfortier.com et mon code html pour les deux icônes sont ceux-là:

<a href="http://leshilarants.blog.fr/page/5/" target="_blank" title="three twisted conquerors top notch.">
<img src="http://data6.blog.de/media/737/5477737_2cf54589e9_m.png" name="image" onmouseover="image.src='http://data6.blog.de/media/738/5477738_d5779ad87b_m.png'" onmouseout="image.src='http://data6.blog.de/media/737/5477737_2cf54589e9_m.png'" onmousedown="image.src='http://data6.blog.de/media/737/5477737_2cf54589e9_m.png'" />
</a>

<a href="http://leshilarants.blog.fr/page/?/" target="_blank" title="three twisted conquerors l'initiation">
<img src="http://data6.blog.de/media/735/5477735_27acaa8942_m.png" name="image" onmouseover="image.src='http://data6.blog.de/media/736/5477736_8ae3e926c3_m.png'" onmouseout="image.src='http://data6.blog.de/media/735/5477735_27acaa8942_m.png'" onmousedown="image.src='http://data6.blog.de/media/735/5477735_27acaa8942_m.png'" />
</a>

Merci beaucoup de votre temps!