CSS在简单的CSS3动画上的一致性跨发布器

Question

我在此处遇到CSS一致性问题： http://www.progettostand.com/ 检查自上右上的社交图标，IE（奇迹！）上的图标位置是正确的，始终使用FF和页面加载，然后在第一次悬停在Chrome上以后居中。 确保它绑定到：留下边缘行为后。 我试过摆弄这一点，但只设法在浏览器之间切换问题，从未设法使用所有三个按预期工作。 请帮助我指甲它。

提前非常感谢您的时间和精力。

Answer 1

只是一个快速修复，目前我只有铬来测试，所以不能真正为其他浏览器保证，但也许尝试将这样的东西添加到您的样式：

#top-social-bar a{
 text-align:left;
}

#top-social-bar a:before, 
#top-social-bar a:after { 
  text-align: center;
}

.

Answer 2

somtimes外部主题不可靠。

必须在style.css的末尾添加它：

#top-social-bar{ 
    display:table;
}
#top-social-bar li {
    display: table-cell;
    float: none;
}
#top-social-bar a:before, #top-social-bar a:after{
    width:auto
}

.