是否有IE11表格单元格填充错误的解决方法？

Question

我们在使用相对填充的css表格单元格（＃content3）中显示图像时遇到问题。这只发生在IE11中，并且通常在所有其他浏览器中显示！

HTML

<div id="wrapper">    
    <div id="container">    
        <div id="content1"></div>
        <div id="content2"></div>        
        <div id="content3"><img src="an-image.jpg"></div>
    </div>
</div>

CSS

#wrapper{width:95%;}
#container{display:table; width:100%;}
#content1{display:table-cell; width:28%; background:url(anotherimage.jpg);}
#content2{display:table-cell; width:47%; background:url(yetanotherimage.jpg);}
#content3{display:table-cell; width:20%; position:relative; padding-bottom:20%; height:0px;}
#content3 img{height:100%; width:100%; position:absolute:0; left:0;}

这似乎是一个已报告here

的错误

然而，没有一个解决方案能为我们提供帮助。

有趣的是，一旦我们手动调整浏览器窗口大小，图像就会出现。

是否有针对此的CSS或JS / jQuery解决方法？

非常感谢您提供任何帮助！