Styliser le bouton submit d'un formulaire

Bonjour,
je suis nouveau sur le forum et j'ai un problème depuis peu.
Il s'agit en fait de mettre une image de background au bouton submit de mon formulaire.
En effet,j'ai réalisé le design de mon site avec fireworks cs5.
Je réussi tant bien que mal à insérer l'image de background, mais il n'a pas la position et l'effet que je souhaite.
Merci d'avance pour l'aider

Bonsoir,

avec votre code on pourra y voir plus clair.

Merci
voici le code du formulaire

<div class="connexion">
<form action="connexion.php" method="post"><table width="270" border="0">
  <tr>
    <td width="97">Login:</td>
    <td><input name="login" type="text" size="30" class="log" required/></td>
  </tr>
  <tr>
    <td width="97">Mot de passe:</td>
    <td><input name="pass" type="password" size="30" required class="pass1" /></td>
  </tr>
  <tr>
    <td></td>
    <td align="right" width="26" height="21"><input name="envoyer" type="submit" value="OK" class="ok" /></td>
  </tr>
</table></form>

</div>

suivi des différents styles

.log,.pass1
{
	width:167px;
	height:23px;
	border:solid 1px #F90;
}
.log:focus,.pass1:focus
{    box-shadow: 0 3px 3px #000 inset;
	-moz-box-shadow: 0 3px 3px #000 inset;
	-os-box-shadow: 0 3px 3px #000 inset;
	-webkit-box-shadow: 0 3px 3px #000 inset;
}
.ok
{
	width:26px;
	height:21px;
	background-image:url(images/bouton_ok.png);
	border-style:solid 0 #FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	box-shadow:3px 5px 6px #333;
	-moz-box-shadow:3px 5px 6px #333;
	-webkit-box-shadow:3px 5px 6px #333;
	line-height:21px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
	color:#666;
	cursor:pointer;
	
}

et de l'image en question



la taille réelle de l'image est 26x21 pixels

merci d'avance pour l'aide