Thursday, November 20, 2008

Background image on button not showing in IE

This render the image on the background of the Input tag in FF but not in IE

<input class="button" value="Login" style="" type="submit"/>



I just had to add a border to the style containing my background image.
The image is ignored by IE without the border.
I don't want to see a border,
but fortunately, including a 0px border still works.
I simply changed

border-style: none;

to

border: 0px solid #FFFFFF;

<input class="button" value="Login"
style="border: 0px solid rgb(255, 255, 255);
background-image:
url(Images/button_bg.png);
background-repeat: repeat-x; display: block;" type="submit"/>



1 comment:

Eugene Home Staging said...

Thoughtful blog thanks for posting