graohic form buttons

[daveWare 0]

I want to use a graphic for the submit and reset buttons on my form.Tried this:

<table width="481" border="0" cellspacing="0" cellpadding="0">        <tr>          <td align="left"><input type="button" src="rar_images/btn_submit_alt.gif" class="submit" name="submit2" value="Submit to Right Angle Realty" /></td>          <td align="right"><input type="button" src="rar_images/btn_clear_alt.gif" class="clear" name="clear2" value="Reset" /></td>        </tr>      </table>

Tried this:

<table width="481" border="0" cellspacing="0" cellpadding="0">        <tr>          <td align="left"><input type="text" src="rar_images/btn_submit_alt.gif" class="submit" name="submit2" value="Submit to Right Angle Realty" /></td>          <td align="right"><input type="text" src="rar_images/btn_clear_alt.gif" class="clear" name="clear2" value="Reset" /></td>        </tr>      </table>

This seems to work the best but there is no rollover in IE6 PC and doesn't display at all in Safari:

<table width="481" border="0" cellspacing="0" cellpadding="0">  <tr>    <td align="left"><input type="submit" class="submit" name="submit" value="Submit to Right Angle Realty" /></td>    <td align="right"><input type="reset" class="clear" name="clear" value="Clear Form" /></td>  </tr>    </table>

And here is the css to go with it:

.submit {	color: #fff;	text-decoration: none;	background: url(../rar_images/btn_submit.gif) no-repeat;	display: block;	height: 30px;	width: 211px;	text-align: center;	border-style: none;	padding-bottom: 2px;}.submit:hover {	background: url(../rar_images/btn_submit-over.gif) no-repeat;}.clear {	color: #fff;	text-decoration: none;	background: url(../rar_images/btn_clear.gif) no-repeat;	text-align: center;	display: block;	height: 30px;	width: 108px;	border-style: none;	padding-bottom: 2px;}.clear:hover {	background: url(../rar_images/btn_clear-over.gif) no-repeat;}

Note: I do have the csshover.htc behavior installedAny one have any suggestions? Thanks.Edit: Sorry about the typo in the Title

[aspnetguy 30]

You could use javascript and do a standard image rollover with an onclick function that submits the form.