Bouton image pour formulaire

bonjour pour personnalisé mon bouton envoyer de mon formulair, j'ai remplacé le bouton original par une image (logo rond en png transparent).

<input name="Envoyer" type="submit" class="btenvoyer" />

css :

.btenvoyer
{
width:128px;
height:137px;
background-image: url(images/envoyer.png) ;
border:0px;
}

l'image remplace bien le bouton envoyer mais par dessus l'image j'ai un texte qui s'affiche et je ne voi pas d'ou il vient.
Comment le supprimer ?

De plus la transparence de mon bouton n'est pas prise en compte par IE et FF. Pourquoi?

Encore un petit truc : comment faire pour que lorsque l'on survol le bouton on ait une main qui apparaisse au lieu de la fleche traditionnelle
Modifié par fabrice88 (09 Jan 2009 - 11:06)

Bonjour,

tu as deux types de boutons de soumission (trois avec <button type="submit">), avec pour valeur de l'attribut type soit "submit" (classique) soit "image" ...
Autant utiliser la version

<input type="image" alt="ALTERNATIVE TEXTUELLE" (...) />

plutôt que

<input type="submit" value="LE TEXTE SUR TON IMAGE DE FOND VIENT DE LÀ, JE SUPPOSE QUE C'EST -OK-" (...) />

Modifié par Felipe (09 Jan 2009 - 12:08)

Pour la main au survol:

input#son_id:hover {
cursor: pointer;
}

ou plutôt chez toi:

input.btenvoyer:hover {
cursor: pointer;
}

et si tu te fiches d'IE6, le curseur en forme de main sur tes boutons de soumission mais pas sur les autres types d'input:

input[type=submit]:hover, input[type=image]:hover {
cursor: pointer;
}