input com imagens alternadas

fala moçada do imasters, seguinte eu to no meio de um formulário aonde eu quero que o botão de enviar alterne entre duas imagens que eu preparei no photoshop... as imagens não são importantes, o fato é que a tabela onde o botão vai ficar tem uma ação de onmouseouver e onmouseout, ou seja, quando o mouse passa sobre a linha ela fica de outra cor, o problema é o botão fica sobreposto a cor da tabela e fica d outra cor, como q eu faço pro input alternar de imagem quando for colocado o mouse sobre ele? em baixo segue o codigo que eu tentei usar com css

<tr bgcolor="30302c" onMouseOver="this.style.backgroundColor='#99CC33';" onMouseOut="this.style.backgroundColor='#30302c';"><td><input name="ok" type="image" src="imagens/ok.jpg" value="submit" class="botaoFora" onMouseOver="this.className='botaoFora'" onMouseOut="this.className='botaoCima'"></td></tr>