Why does this background image not show in Internet Explorer?

(Yes I know another question about that obsolete browser)

My background image does not show in IE but works fine for Chrome and FF.

#wlt-DealView .blueBox .buyButton {
    background: url(http://domain.com/themes/regular/images/buybutton.png) no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 200%;
    height: 50px;
    line-height:开发者_运维问答 45px;
    margin: 25px 10px 10px;
    padding: 0;
    text-align: center;
    width: 120px;
}

---

You are using the wrong order on your background style.

background: transparent url(http://domain.com/themes/regular/images/buybutton.png) scroll  no-repeat 0 0;

Have the color at first and attachment as 3rd.

---

I have had problems with images not displaying in older browsers becasuse the file had not saved properly.

so i'd suggest try saving your image again