镀铬的图像边缘不清晰

Question

我正在开发此网站，并且我已经设置了一些精灵，并且根据需要使用它们。 不知何故，在某些位置上，我的图像在chrome浏览器中不清晰，并且可以与其他浏览器甚至在移动设备上正常工作！

由于堆栈溢出引起的某些信誉问题，我如何无法发布图像。 我的图像是圆形的，背景尺寸为400px，高度和宽度均为50px。

发生了神奇的事情，例如，如果我打开其他选项卡并返回到该选项卡，则图像会很好，或者如果将浏览器最小化5-10秒并最大化，则图像会很好。 请帮忙。

这是我的CSS：

.banner-section .detail_choice .add_phn_call .choice_ico, .banner-section .detail_choice .add_phn_web .choice_ico, .banner-section .detail_choice .add_phn_directions .choice_ico, .banner-section .detail_choice .tickets_list .choice_ico,.banner-section .detail_choice .track_event .choice_ico,.banner-section .detail_choice .invitation .choice_ico, .banner-section .detail_choice .artist_follow .choice_ico, .banner-section .detail_choice .artist_news .choice_ico{
    background: url("../images/details-sprite-new.png") no-repeat scroll transparent;
    background-size: 400px auto;
    background-position: 0 0;
    height: 50px;
    margin: 0 auto 10px;
    width: 50px;
    cursor:pointer;
}

并根据要求给出特定图像的背景位置。