Css IE8切断背景图像

我有以下代码：

#background-cover {
    width: 100%;
    height: 100%;
    padding: 0px 0px 20px 0px;
    background: url('background.jpg') no-repeat top left scroll; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale'); zoom: 1;
}

用法：

<div id="background-cover">
    <div id="container">
        <p>Content Here</p>
    </div>
</div>

满足于此

它在chrome、ie9+、firefox等浏览器中运行得非常好，但在ie8中出现了一个小问题，它似乎没有延伸到窗口的底部——看起来它只加载图像的实际尺寸。这有什么关系吗

顺便说一下，background.jpg与css文件位于同一文件夹中

我无法发布该链接，因为它与工作相关，但非常感谢您的帮助

尝试使用该库

---

MaxImage2适用于所有现代浏览器，甚至适用于IE 7.0版。

理想情况下，我想要一个css解决方案。不过，我会记住这一点，谢谢！你能在JSFIDLE上重现这个问题吗？