
Multiple backgrounds don't work in IE7
I have this declaration to display multiple backgrounds:
Code:
#middle {
position: relative;
background: url('/www/images/bottom-grad.png') center bottom repeat-x,
url('/www/images/bottom.png') center bottom no-repeat,
url('/www/images/bottom-bg.gif') center bottom repeat-x,
white;
-pie-background: url('/www/images/bottom-grad.png') center bottom repeat-x,
url('/www/images/bottom.png') center bottom no-repeat,
url('/www/images/bottom-bg.gif') center bottom repeat-x,
white;
behavior: url('/www/css/PIE.htc');
}
With Pie 2.0 this works in IE8 but in IE7 no backgrounds are shown.
With Pie 1.0 this works both in IE7 and IE8 (I simply replaced
behavior to point to version 1.0 leaving the rest of the code the same). I can't see any reason why version 2.0 doesn't work in IE7 so I think that I've found a bug. If not, what can be wrong in my code?