CSS Multiple backgrounds not working on IE8

Question

I have the following CSS class:

.box .login {
    border: 0;
    float: right;
    clear: both;
    height: 48px;
    background: url(../images/submitr.gif) no-repeat right;
    line-height: 20px;
    padding: 12px 42px 16px 23px;
    margin: 8px 22px;
    color: #FFF;
    font-weight: bold;
}

Multiple background works fine on Chrome, Firefox, Opera, Safari and IE9. However, they do not work on IE8. Does anyone know why this is?

(if I have only one background, it works on IE8 when I start typing in those other backgrounds that it starts to turn out.)

Thanks for the help! I really appreciate it:)

Answer 1

Multiple Backgrounds is a CSS3 specification. IE8 does NOT understand CSS3, and IE9 doesn’t understand all this.. , , . z-index: - : -)

Answer 2

, , , , CSS2.1, IE8:

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

Answer 3

Internet Explorer 8 does not support multiple CSS 3 backgrounds.