Safari在页脚上的图标具有意外的垂直平铺，应以直线显示

我试图将twitter/facebook图标添加到网站页脚，很像side.cr页脚。除了safari在twitter和facebook上有意外的垂直瓷砖外，我一切正常。我试图上传截图，但我是新用户，所以现在无法上传

所以我在寻找答案，在这里找到了这个q/a

所以我又去了side.cr，看看它的css是否有用户代理样式表

我在css中添加了这行代码：

.footer ul li img.t, li img.f {
    width: 40px;
    vertical-align: middle;
    display: inline-block;
}

它解决了这个问题

但我脑子里有几个问题：

为什么side.cr的css显示为不可编辑的用户代理，而我必须将该显示内联添加到css中

“显示：内联块”如何解决此问题

注意：当鼠标移到灰色的twitter上时，会触发swap.js，将图标图像更改为彩色，但在safari中，高亮显示的图标比灰色的图标大。我想我几乎知道答案了。只需要有人知道这背后的所有纠结

谢谢

解决方案： 要解决此问题，请确保设置图像的高度和宽度，以便在加载过程中图像不会更改

<img src="http://www.side.cr/images/contact/twitter_off.svg"
     class="twitter_bird img_swap" height="52px" width="52px" />

说明： 切换图像名称时，safari开始加载图像，但在下载完成之前，它不知道图像的高度或宽度。如果设置高度和宽度，它将不会从0px增长到52px

.twitter_bird {
    height:50px;
    width:50px
}