Html : bouton trensparant ? :D

Bonjour,


Pour mon site web , j'ai créer des images a la place des boutons " accueil connexion ... etc "
Ses boutons serait transparant exemple :

[img]http://img10.hostingpics.net/pics/891791boutonaccueil.gif[/img]

La transparence est bien mise , comme vous pouvez le constater !
Mais , moi , cela me donne un bouton , avec l'image dedant !

Voici le script que j'ai utiliser :

<button type="button"
onclick="JavaScript: Bonjour , ceci est un test , on s'en fou de ce que je met la">
<img src=".bouton_accueil.gif">
</button>

Voici ce que cela donne :

[img]http://img10.hostingpics.net/pics/901175skesa.png[/img]

Vous voyez le bouton qui c'est développer autour de l'image , et bien , je veut , que au final , le bouton s'enleve , il ne reste que l'image !

Un peu comme ici :

[img]http://img10.hostingpics.net/pics/956932Sans_titre_2.png[/img]

Merci de votre aide , de vos conseille , et au mieux du script que vous allez me fournir !

Bon dimanche !