IE10 Site footers - Background image isn't extended

[RedWolves]

Tested IE7-9 and footer background is as expected. Issue is only in IE 10. Tested both jquery.com and jqueryui.com in IE 10 and problem exists in both themes.

In playing with the IE Dev tools turning off background-repeat: repeat-x, repeat; on element .cssgradients.multiplebgs footer seems to make the background extend all the way down.

[RedWolves]

background-repeat has two rules, expecting two background images on the same element. But only one background image exists for that element. It is associated with the first rule: repeat-x; which makes it extend horizontally, but not vertically. Removing the value for background-repeat results in the default value of "repeat", thus fixing the issue.

[RedWolves]

So I've narrowed the problem down to the multiple background modernizr check. Removing that from the custom build fixes the background in IE10...looking into older versions.

Still investigating.

[jonathansampson]

The problem is with the rules for .multiplebgs.cssgradients footer; only a three background-images are provided: one under -moz-, and two under -webkit-. As such, no background declaration is taken for Internet Explorer 10. The opera prefix is also missing:

background-image: -o-linear-gradient(top, rgba(0,0,0,.3), rgba(0,0,0,0)), 
                  url(../images/bg-footer-noise.jpg);
background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,0)), 
                  url(../images/bg-footer-noise.jpg);

Pull request issued.

[RedWolves]

0ee5ee8 fixes this issue