Having a few slight issues when trying to apply a rollover. The code I have done below basically lets you assign a background button image as a replacement for a standard submit button.
Basically if your viewing the page without images or through a non-styled css you will find that the submit button is a standard form element, it has taken a little bit of time to get this working a treat in all browsers without problem. As below demonstrates this.
However I am really keen to assign a rollover state but am unable to do this no matter what I try, has anyone got any ideas in achiving this.
PS I want all images off page and soley used as background images. As below.
<button id=“submit-form” type=“submit”>Submit contact form</button>
#submit-form {
display:block;
width:100px;
height:32px;
margin:0;
padding:0;
border:0;
text-indent: -4000px;
background:transparent url("…/img/btn-contact-out.gif") no-repeat;
cursor: pointer; /* hand-shaped cursor /
cursor: hand; / for IE 5.x */
}
I mean trying the standard routine still did not work i.e
#submit-form:hover {background:transparent url("…/img/btn-contact-over.gif") no-repeat;}
