CSS Multiple Backgrounds not working on IE8

Question

I have the following CSS class defined:

.box .login {
    border: 0;
    float: right;
    clear: both;
    height: 48px;
    background: url(../images/submi         


        

Answer 1

Well, I'm a tad late I guess, but there are ways to have multipe backgrounds with CSS2.1 which work in IE8:

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

Answer 2

Multiple Backgrounds is a CSS3 specification. IE8 DOES NOT understand CSS3, and IE9 for that matter doesn't understand it all. To get it to work in older browsers you'll have to combine the images into one, or overlay multiple elements to get them all to display on top of one another. z-index: is your friend :-)

Answer 3

Internet Explorer 8 doesn't support CSS 3 multiple backgrounds.