更新
如果您第一次加载页面并且没有出现此错误，
单击
再次将您定向到主页的 ，该错误很可能会出现。（很烦人，几乎每次我从其他页面回到主页时，都会出现这个错误。）
我正在使用 Chrome 24.0.1312.57。
Chrome 一直是支持 CSS3 的最优秀的浏览器之一。当我遇到她这种类似于虫子的怪异行为时，我感到非常失望。
我用 CSS3 和 jQuery 手工制作了一些简单的圆形按钮。（我没有选择纯 Javascript，因为我自己懒于研究跨浏览器兼容性。）
一个按钮基本上由一个包含两个子部分的部分组成，一个子部分还包含另一个子部分。它们都在触发窗口叠加的锚点内：
<a><div class="archbox smaller"><div class="archfacebook"></div>
<div class="archrollerx"><div class="archfacebook below2"></div></div></div></a>
锚的样式很简单flow:right，这就是外部分区的样式：
-webkit-border-radius: 22px;
border-radius: 22px;
height: width: 44px;
height: 44px;
overflow: hidden;
border: 1px #FFF solid;
position: relative;
当没有任何问题时，这就是他们在休息阶段的样子：
但有时当我加载页面时，会发生这种情况：
但是在鼠标悬停后，它又恢复了正常。（就好像您刚刚告诉 Chrome 存在错误一样。）
有一段时间是正常的，但过了一段时间又出现了。
有时它会在鼠标悬停时提供额外的边框：
这确实是一种奇怪的行为，因为它不像每次加载页面时都会发生的运行时错误。有时它会发生，而有时它根本不会发生。所以我觉得有必要修复它。
起初我认为边框有一些错误，所以我添加了这个：
border:1px #FFF solid!important;
到按钮的正常、悬停和访问状态。但这并没有解决问题；它仍然经常发生。我真的很沮丧。想来想去，我终于意识到这个位移其实有一个bug：Chrome似乎有“下意识地”在推特和谷歌加号按钮后面再次显示Facebook和Twitter按钮的倾向，给人一种他们有边界的错觉。而且我不知道如何阻止 Chrome 以这种方式行事。
有没有人遇到过同样的问题？我应该怎么做才能完全不会发生这种情况？
我尝试了 Firefox 和 Safari，但我还没有遇到过这种情况。