How To Display An Image Over An Area But Mouseclick On Underneath

E.g. I want a submit button on my page:
<input type="submit" value="Click Me!" />

But I want to have an image over top of it so that when the image is clicked it will actually click the button.

Is this possible? I know that Harro posted the adsense method for having an image over the adsense ads before but not sure if this will work the same way.

 

use opacity and z-index to make 2 layers or just use IMG as a submit button and use JS to send form

 

You could do it this way:

Code:

<form id="form1" action="http://www.whateveryouwant.com" method="get">
<input type="image" src="button.jpg" />
</form>

 

The simplest answer always seems to be the last to be seen