Html 移动浏览器中Div的绝对定位问题

我在以下网站上定位一个名为id=“verticalGenesis”的div时遇到了很多问题：在移动浏览器中，包括iPhone上的Safari和Chrome。理想情况下，我正尝试使用以下css将徽标定位在屏幕右侧：

#verticalGenesis {
background-image: url("../img/Genesis%20Text.gif");
background-repeat: no-repeat;
display: block;
height: 570px;
opacity: 0.8;
position: absolute;
right: 3%;
top: 70px;
width: 123px;
}

这在所有桌面浏览器中都显示得很好，正如我所期待的，但是它出现在移动浏览器的屏幕中间。我也尝试过使用right:3%，但我也遇到了同样的问题

我确信这个问题一定有一个简单的答案，但我在网上和stackoverflow上到处都搜索过，我无法找到答案。有人能给我指一下正确的方向吗

谢谢

---

克里斯

这不会完全解决你的问题，但会让你更接近。在父div id=wrapFix上，应该添加位置：相对于它。问题是，当你有一个位置为：绝对的元素时，它需要知道它应该是绝对的。虽然它在桌面浏览器上运行良好，但在手机上却出现了故障。可能是因为屏幕大小或其他原因。但我已经将这句话添加到了那个div中，似乎离解决iPhone上的问题更近了

谢谢，这解决了Safari移动版的问题，但是Chrome版仍然没有正确定位div。还有其他解决chrome问题的方法吗？没有，我不能同样测试。我可以在Mac上用Safari在iPhone上调试，但用Chrome不行。继续玩它，尝试不同的东西。它可能看起来很小，但却有很大的影响。如果你更换绝对定位，效果会更好。移动浏览器似乎不能很好地与之配合。