Why is this code not compatible with ie?

Question

Possible Duplicate:
Can I have multiple background images using CSS?

I am making a website and I am running in to the problem that the site displays fine on Firefox, however doesn't display right in any version of ie that I have tried.(I am not sure about the newer versions of ie, I don't have them installed) Here is the code

#footer {
    position: relative;
    clear: both;
    padding: 0px 0 20px 0px;
    background: url(images/footer-end-left.png) left top no-repeat, url(images/footer-end-right.png) right top no-repeat, url(images/footer-center.png) center top repeat-x, #C4C4C4;
}

I have only tried version 8 and below. I tried to go on my website at school, and that is when I realized what was up. — Tom, Dec 22 '11 at 20:39

score 8 · Accepted Answer · answered Dec 22 '11 at 20:35

8

Multiple backgrounds are not supported by IE < 9.

answered Dec 22 '11 at 20:35

SLaks

837,282
173
1,862
1,933

score 4 · Answer 2 · answered Dec 22 '11 at 20:35

4

Internet Explorer only supports one background-image at a time. Multiple background-images are part of CSS 3.

answered Dec 22 '11 at 20:35

TimWolla

30,523
8
64
89

Why is this code not compatible with ie?

2 Answers2