Problème de style avec un <button>

Bonjour,
donc voilà je souhaite créer un bouton cliquable avec les balises <button></button>
Je m'exécute donc après avoir trouvé cette petite astuce :

<button class="button_smiley" onClick="remplir(this.form,':big_smile:')" type="button">
<img class="smiley" src="images/smileys/big_smile.jpg" />
</button>

Le problème c'est que j'ai encore "des restes" du style par défaut du button (qui varient selon les navigateurs).
J'essaye donc de corriger avec un CSS :

.button_smiley { border : none; background : none; }
.smiley { display : inline; height : 25px; width : 25px; }

Le background-none fait son effet, plus d'arrière plan mais il reste encore des espèces de marges (j'ai bien sûr essayé de mettre les marges à 0)...

Je voulais savoir si quelqu'un avait été confronté à ce problème et si il avait trouvé la parade?
Quelqu'un sait comment annuler complètement le style par défaut des <button>?
(Je ne souhaite pas d'autres solutions du style un input type="image" ou autres).

Cordialement