css - chrome定位元素不同于firefox

Question

我的页面顶部有这些按钮，问题是 chrome 将这些按钮显示在右侧多 80 像素。我究竟做错了什么？

这是一个按钮的样式：

#engleza1{
position: relative;
top:0px;
left: 788px;
width: 51px;
height:42px;
}
#engleza1:hover{
position: relative;
top:0px;
left: 788px;
width: 51px;
height:42px;
background:url(../images/engleza.png) no-repeat;
cursor: pointer;
}

这是他们的包装风格：

#wrap{
width:100%;
height: 1950px;
text-align: center;
margin:0 auto;
overflow: hidden;
background:url(../ong.png) center no-repeat;
}

html:

<div id="wrap">
<div id="engleza1">
//nothing here
</div>
...
</div>

Answer 1

嗨，你的一些代码是重复的，所以删除它并替换它

#wrap{
height: 1950px;
text-align: center;
margin:0 auto;
overflow: hidden;
background:red;
}
#engleza1{
position: relative;
top:0px;
  left:788px;
width: 51px;
height:42px;
  background:yellow;
}
#engleza1:hover{
background:green;
cursor: pointer;
}

演示更改为根据您的布局

现场演示