位置绝对z-index覆盖在IE8中不起作用

Question

我有一个div，它绝对位于另一个div上，以提供某种叠加效果：

<div id="main_container">
    <div id="overlay"></div>
    <p>This is a product title</p>
    <img src="http://cdn-images.farfetch.com/10/63/37/08/10633708_3137969_400.jpg"></img>
</div>

CSS：

#main_container {
    float: left;
    position: relative;
}

#overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.61);
    z-index: 9;
    cursor: pointer;
 }

问题是这在IE8 http://jsfiddle.net/BLEcP/

中不起作用

我的问题是，是否可以在IE8中使用具有更高z-index工作的绝对定位覆盖？

由于