Mettre un png transparent pour un input

Bonjour,

je suis entrain de faire un simple block de connexion d'utilisateur et je rencontre un souci. En fait j'ai une image sur laquelle j'ai mon input login et mon input mdp, jusque la tout va bien. J'aimerais ajouter un input type submit et attribuer à ce submit une image de fond png transparente.

voici mon morceau de code :

echo "<img src=login.png id=box />" ;
echo "<form method=post action=index.php>
<input id=login type=text name=login /><br/>
<input id=mdp type=password name=mdp /><br/>
<input type='submit' name='valider'  id='valider'  value='' /></form>" ;

et voici mon css

#login
{
	position: absolute;
	left: 40px;
	top: 62px;
}
#mdp
{
	position: absolute;
	left: 40px;
	top: 122px;
}
#valider
{
	background-image: url("valider.png");
	background-repeat:no-repeat;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 222px;
	top: 100px;
	border:none; 
}

ce que je pige pas c'est que mon image valider.png au lieu d'etre transparent, a un fond gris/beige. D'après mes tests c'est parce que c'est un background image car quand j'utilise la même image dans une balise img elle est bien transparente.
merci de votre aide