Html IE7-绝对定位偏移与Firefox不同？

我正在整理另一个开发人员的工作，他似乎用CSS做了一件劣质的工作

页面上有一个主“包装器”div，里面有一个用于导航的徽标和图像。这些图像使用“position:absolute”并使用CSS的“top”属性来偏移它们。然而，Firefox和IE似乎从一个不同的点开始偏移，这意味着徽标比IE中应该出现的位置高出约100px

这是一个IE CSS错误还是已知的东西

---

有问题的示例：

如果要使用top、right、bottom和/或left将元素绝对定位在包装中，则包装的位置必须显式设置为relative。否则，绝对元素将定位在视图端口中

一个小的工作示例：

<style>
    .wrapper
    {
        position: relative;
        height: 100px;
        width: 800px;
    }
    .absoluteLogo
    {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 60px;
        width: 80px;
    }
    .absoluteElement
    {
        position: absolute;
        top: 80px;
        left: 320px;
        height: 20px;
        width: 80px;
    }
</style>

<div class="wrapper">
    <div class="absoluteLogo">Logo</div>
    <div class="absoluteElement">Element</div>
</div>

.包装纸
{
位置：相对位置；
高度：100px；
宽度：800px；
}
.绝对标志
{
位置：绝对位置；
顶部：10px；
左：10px；
高度：60px；
宽度：80px；
}
.绝对元素
{
位置：绝对位置；
顶部：80px；
左：320px；
高度：20px；
宽度：80px；
}
标志
元素

另一种可能是使用边距定位绝对元素：

<style>
    .wrapper
    {
        height: 100px;
        width: 800px;
    }
    .absoluteLogo
    {
        position: absolute;
        margin: 10px 0 0 10px;
        height: 60px;
        width: 80px;
    }
    .absoluteElement
    {
        position: absolute;
        margin: 80px 0 0 320px;
        height: 20px;
        width: 80px;
    }
</style>

<div class="wrapper">
    <div class="absoluteLogo">Logo</div>
    <div class="absoluteElement">Element</div>
</div>

.包装纸
{
高度：100px；
宽度：800px；
}
.绝对标志
{
位置：绝对位置；
利润率：10px 0 10px；
高度：60px；
宽度：80px；
}
.绝对元素
{
位置：绝对位置；
利润率：80px0320px；
高度：20px；
宽度：80px；
}
标志
元素

结果是相同的，应该可以在所有浏览器中使用