Botão submit (enviar) como imagem cambiável

[Maccarv 0]

Pessoal, tô com um pequeno probleminha aqui no dreamweaver que já quebrei a cabeça e até agora nada deu certo. É o seguinte: tenho um formulário e consequentemente o botão de envio. Só que no lugar do botão, coloquei uma imagem. Até aí deu tudo certinho. Só que quero que esse botão (imagem) mude quando a pessoa colocar o mouse em cima dele. Então eu tenho duas imagens, a "enviar_normal" e a "enviar_sobre", como que eu faço pra que a segunda apareça quando passar o mouse em cima? Tentei usar imagem cambiável mas ela não funciona como botão. Ah, só mais uma coisinha: tem como fazer o mesmo para o botão que vai redefinir (limpar) o formulário? E como seria?

Segue o código do botão pra vocês verem:

 

<input type="image" name="imageField" id="imageField" src="../../imagens/formulario/enviar_normal.jpg" />

Agradeço desde já a todos pela atenção.

 

Marco

[Eliseu M. 2]

É simples, apenas altera o background do INPUT, sem precisar alterar para image. Veja:

 

<style>
#submit {background: #FFF url('http-~~-//www.seusite.com.br/enviar_normal.jpg') no-repeat;}
#submit:hover {background: #FFF url('http-~~-//www.seusite.com.br/enviar_sobre.jpg');}
</style>
<input type="submit" value="Enviar" id="submit">

 

Muito simples :D Até mais!