按绝对位置居中在Chrome中工作正常，但在IE和Firefox的最新版本中却不能

Question

我想将此标题垂直居中

<div class="headline>
    <div class="field-wrapper">
       <h1>Pressrelease</h1>
    </div>
</div>

...通过使用像这样的绝对定位：

.headline {
    position: relative;
}    
.field-wrapper{
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin-top: auto;
        margin-bottom: auto;
    }

这在Chrome的最新版本中有效，但在Firefox和IE中则无效。我该怎么做才能在所有浏览器中垂直居中？