页面加载时元素正在移动-CSS问题？

Question

这是 my site。

我对网站徽标有疑问-仅在Chrome和Opera中，它在加载时仅移动了一点（从左到右），然后跳回到了它的位置。

我以前使用徽标时，Chrome和Opera出现了问题，但我通过添加以下代码来解决了该问题：

#nav-header.nav-container { 
  margin-left: 165px;
}

（没有此代码，我的导航将覆盖徽标-当然仅在Chrome和Opera中）。

要注意此问题，您必须刷新页面几次（通过单击站点徽标）。

我尝试添加各种CSS，但是没有运气。什么可能导致这种行为？奇怪的是，它只发生在Chrome和Opera中。

有什么想法吗？

编辑：

这是网站徽标的代码：

.site-title a img{
    height:40px !important;
    position:absolute;
    pointer-events:auto !important;
    top:-27px;
    padding-right:10px;
    padding-bottom:5px !important;
    padding-top:5px !important;
}