在同一浏览器的不同实例中，绝对定位的div看起来不同

Question

这是我遇到的一个奇怪的问题 - 我已经完全以像素为单位定位了一个div，而且当我在网站上工作时，它在谷歌浏览器中看起来很棒。但是，在我查看的每个其他窗口中，div都会被抛弃，包括我在Google Chrome隐身模式下打开网站时。我认为这可能是缓存的一个问题，但即使在我清空之后，这种偏差仍然存在。我完全糊涂了。为什么它只在那个实例中看起来正确？

这是两个并排放置的窗口的屏幕截图：http://imgur.com/2UVRSYx（左侧是普通观看模式，右侧是隐身）。

这是代码，它是最基本的代码：

#magic-book {
  position: absolute;
  top: 27px;
  left: 89px;
}

有问题的网站是www.charlotteenglish.com/home

在这种情况下，这个位置非常重要，因为它会影响某些文本的易读性。我正在使用Wordpress，但我禁用了通常出现在页面顶部的管理工具栏。我可以登录Wordpress吗？我无法想到为什么会影响它。

任何指导都将不胜感激，谢谢。

编辑：好的，它不是不同窗口中不同的div - 它是整个网站。我想这会稍微改变一下这个问题，但潜在的问题仍然存在。这是另一个用于演示的屏幕截图：http://imgur.com/8bPyAfE

Answer 1

实际上它在Chrome中是完美的。第一个问题在哪里？哪个浏览器和版本？是的......我在普通和隐身中都看过。应该是缓存问题。

1. 点击浏览器工具栏上的 Chrome菜单。
2. 选择工具。
3. 选择清除浏览数据。
4. 在显示的对话框中，选择要删除的信息类型的复选框。
5. 使用顶部的菜单选择要删除的数据量。选择开始时间以删除所有内容。
6. 点击清除浏览数据。