Formulaire image bouton mais sans le texte

Bonjour,

comment puis-je faire pour mettre une image comme bouton et que le texte par defaut du value n'affiche pas

se que je veux dire .... bien en fait, je sais comment afficher une image comme bouton

mon problème est que le texte du bouton je veux quil soit dans l'image

là, peut importe que je mettre le value="Envoyer" ou que je ne lécrire pas il apparait quen même

voici mon code:

input.submit{
font-family: Verdana;
font-size:14px;
color:#000000;
background: url('images/submit-button.jpg') no-repeat top left;
padding: 2px 8px;
  border: none;
font-weight:bold ;
text-align: left;
 width: 189px;
 height: 50px;
}

<input type="submit" name="submit"  class="submit">

merci