CSS3变换比例显示抖动

我有以下问题： 当我使用变换比例悬停时，图像显示抖动

这是我的代码：

<div class="item">
</div>

.item {
    background: transparent url("http://s14.directupload.net/images/141019/s3r8avxj.jpg") no-repeat 0 0 / 176px 176px; 
    width: 176px;
    height: 176px;
    display: inline-block;
    font-family: Arial;
    margin: 0px 10px 10px 0px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.4); 
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.item:hover {
    transform: scale(1.05);
    border: 5px solid #fff;
    cursor: default;
}

.项目{
背景：透明url（“http://s14.directupload.net/images/141019/s3r8avxj.jpg）无重复0/176px 176px；
宽度：176像素；
高度：176像素；
显示：内联块；
字体系列：Arial；
保证金：0px 10px 10px 0px；
边框：5px实心#fff；
-webkit盒阴影：0.2×1×rgba（0,0,0,0.4）；
盒影：0.02×1×rgba（0,0,0,0.4）；
-webkit转换：所有0.3s线性；
-moz过渡：所有0.3s线性；
-ms转换：所有0.3s线性；
-o-过渡：所有0.3s线性；
过渡：所有0.3s线性；
}
.项目：悬停{
转换：标度（1.05）；
边框：5px实心#fff；
游标：默认值；
}

全屏视图：

代码：

是否有可能去除结块

提前感谢

更改属性

background: transparent url("http://s14.directupload.net/images/141019/s3r8avxj.jpg") no-repeat 0 0 / 176px 176px; 

至

background: transparent url("http://s14.directupload.net/images/141019/s3r8avxj.jpg") no-repeat; 

---

如果你想让背景与容器相匹配，调整源图像的大小，它仍然会与你的解决方案相冲突！在左上角快速悬停约1像素并返回时，图像“跳跃”。。。。我不想这样，我想这是Firefox的问题。试着用Firefox打开你的JSFIDLE，你会明白我的意思。用我的解决方案，我认为这不是一个问题，它仍然是一样的，只是在Firefox（v33.0）中