Changing Submit Button on a Form to Custom Image

I’ve been struggling with this for hours…hoping someone can help…

I’m adding a Microsoft Dynamics CRM Online form to a webpage. It looks like pretty standard html and Javascript. The Microsoft website creates the code automatically and it provides the html code snippet. I provides a standard dull grey button. I’m simply trying to change the standard grey button to a nice looking orange image.

I have the form looking great…only problem is that it doesn’t work. I tried it with the standard button and it works fine. When I try to substitute the image, CRM doesn’t get the submitted form information. Here is the applicable part of the code:

<input type=“hidden” id=“dl_qs” name=“dl_qs” />
<input type=“hidden” id=“dl_r” name=“dl_r” />
<input type=“submit” onclick=“document.getElementById(‘dl_leadForm’).dl_qs.value =;document.getElementById(‘dl_leadForm’).dl_r.value = document.referrer;” value=“Submit” />

I tried this, but it didn’t work:

<input type=“image” src=“images/contact-us-button.gif” value=“Submit” border=“0” <onclick=“document.getElementById(‘dl_leadForm’).dl_qs.value =;document.getElementById(‘dl_leadForm’).dl_r.value = document.referrer;” value=“Submit” >

I would like to keep any validation built into the form. I’m very new to Javascript, so it’s probably something obvious to pros. Thanks in advance for any help.

<input type=“image” src=“media/submit.gif” height=“20” width=“60” border=“0” alt=“Submit your info”>

You can also use css… for example:

<input type="submit" class="submitimage"/>

then in css

border: 0px;
background: url(imglink.jpg);

I have included the border: 0px, because internet explorer tends to enjoy putting borders around link images but default!