Reputation: 7219
Have a problem with my submit button image disappearing but only in IE7 and below. I've tried:
background-color
min-height: 22px
to trigger hasLayout
display: inline-block;
but NONE worked.
This is my form: http://www.bitstream.ca/contact.html
HTML:
<button id="submit" type="submit">Submit</button>
CSS :
#submit{
background: url('imgs/submit.png') no-repeat top;
cursor: pointer;
width: 79px;
height: 22px;
border: 1px;
text-indent: -9999px;
}
Upvotes: 1
Views: 1278
Reputation: 7947
You're adding a width
and height
to an inline element. Inline elements are unable to have a width
or height
set on them, so if you set the element to display: block;
and it should solve your problems.
Upvotes: 4