触发-moz-box在Firefox中不起作用

Question

我想要一个特定的盒子（垂直和水平居中）出现在某个触发器之后，如图所示：https://jsfiddle.net/7yvmwkqf/

例如：

setTimeout(function() {
  outer.style.display = '-webkit-box';
  outer.style.display = '-moz-box';
  outer.style.display = 'box';
}, 2000);

这在Safari和Chrome上运行良好，但在Firefox上，该框不是居中的。

有谁可以帮我解决这个问题？