firefox定位削减页面简短

Question

我正在使用css，它似乎在firefox中缩短了我的页面，但在Chrome中看起来不错。 我不知道如何解决这个问题，因为我无法改变所有位置：相对元素为绝对。

.content类似乎是所有行动发生的地方。

.content {
    display:block;
    position:absolute; /*originally relative*/
    background-color: #678238;
    min-height: 500px;
    width: 100%;
    font-family: "Open Sans";
    line-height: 40px;
    color: white;
    font-size: 16px;
    margin: auto;
    text-align: center;
    padding-top: 200px;
    overflow:hidden;
    z-index:0;
}

的jsfiddle： https://jsfiddle.net/55922jjs/

现场版（稍微过时）： http://bitbear.me