使用transform：转换为具有IE问题的中心div

Question

使用时

width:100%;

height:100%;

position:absolute;

top:50%;

left:50%;

transform:translate(-50%, -50%);

中心div，它会在IE上产生不必要的空白。我认为这是因为它忽略了top:50%和left:50%使用的空间的转换取消

如何在不使用overflow:hidden的情况下解决此问题？

编辑 - http://jsfiddle.net/ook2vnwm/