中心div重新加载：50％的什么？

Question

在这里，我找到了以下解决方案，将div置于另一个div中：

.centerSplash {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
}

到目前为止，这与FF工作正常。

在IE（9）中它看起来像这样

   ----------------------------------------------------------
            |                                |  (-50% height to top of 
            +--------------------------------+               the outer div)

而Chrome则显示：

          ----------------------------------------------------------


          center of outer div              
          ----------->  +--------------------------------+
                        |                                |
                        |                                | 
                        +--------------------------------+

有没有人有解决方案基于CSS ，非jQuery，非JS和没有表格单元格（我已经在这里找到了......）。

[编辑]

刚刚复制了相关的code here

Answer 1

尝试使用此技术

CSS

.centerSplash {
       position: absolute;
        top: 50%;
               /*Add this*/
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
}

只有在指定width时才有效。

DEMO