Having difficulty with Internet Explorer 8 and a basic form submit button. Utilizing an image as the button along with some CSS for a hover effect, but not displaying properly in IE8.
The file btnSubmit.png includes default and hover states.
This is the code I am working with:
<input name="form_submit" id="form_submit"
class="btns btnFormsubmit" type="submit" />
Along with the following CSS:
.btns {
background-color:transparent;
background-position:left bottom;
background-repeat:no-repeat;
border:0 none;
display:block;
height:31px;
text-indent:-3999em;
}
.btns:hover {
background-position:left top;
cursor:pointer;
}
.btnFormsubmit {
background-image:url(imgs/btnSubimt.png);
height: 31px;
width:267px !important;
}
I also attempted to add href="#" to the input:
<input href="#" name="form_submit" id="form_submit"
class="btns btnFormsubmit" type="submit" />