Javascript Firefox和IE在我要使用的模板上的对齐问题

我是一名后端开发人员，对前端的了解较少，我正在尝试使用下面的模板开发一个应用程序

这个模板工作非常好，但是在firefox和IE上它有一些对齐问题。我真的需要这方面的帮助，已经花了很多时间来找出模板中的错误，但没有任何线索，请指导我

试试这个：

.top-header {
    /* margin-top: -456px; */
    position: relative;
    top: -456px;
}

使用

top

和

position:relative代替
margin top

当然，您还必须使用此方法调整代码的其余部分：）

例如：

.top-grids {
    /* margin-top: 279px; */
    top: -178px;
    position: relative;
}

在我这边的布局示例（FF 31.2.0）中没有看到任何对齐问题，可能想更好地解释这个问题…当你打开上面的链接时，问题在最新的FF中，但无论如何，问题已经解决了，谢谢你的回复。你太棒了，它解决了问题，我将把这个逻辑贯穿到代码中，因为整个模板对齐由于页边空白顶部而变得混乱，非常感谢。不客气，如果对你有好处，不要忘记将这个主题标记为已解决：）谢谢你的回复，但当我放置位置时：相对；顶部：-456px；它正在分解成铬。当我们在FF和IE中解决对齐问题时，chrome不起作用，这是一个新问题：-（这是因为您必须调整其他具有负边距的元素，例如。顶部网格。我编辑了我的答案。添加顶部值时是否删除了边距顶部的负值？