Javascript css显示两次图像，而不是一次？

我有这个css代码，它显示了两次照片，这很奇怪，有没有更好的我可以写这个，链接是用来投票使用jQuery

css代码：

a.vote_up, a.vote_down {
        display:inline-block;
    background-repeat:none;
    background-position:center;
        height:30px;
    width:30px;
    margin-left:4px;
    text-indent:-900%;
}

a.vote_up {
    background:url("images/uparrow.png");
}

a.vote_down {
    background:url("images/downarrow.png");
}

html:

---

尝试添加
背景重复：无重复到你的a.投赞成票和a.投反对票。默认情况下，将重复背景。
通过使用
背景
，您将覆盖第一个样式定义中的重复和位置设置

改为使用背景图像
：

a.vote_up, a.vote_down {
    display:inline-block;
    background-repeat:no-repeat;  //changed to no-repeat
    background-position:center;  
    height:30px;
    width:30px;
    margin-left:4px;
    text-indent:-900%;
}
                  // background-image to prevent overwrite 
a.vote_up {       //    of background-repeat & background-position
    background-image:url("images/uparrow.png"); 
}
a.vote_down {
    background-image:url("images/downarrow.png");
}

而且
背景重复
应该是
不重复
，应该是“背景重复”，而不仅仅是“重复”。非常感谢。它帮助我解决了这个问题。下面提到的链接也是附加的：
a.vote_up, a.vote_down {
    display:inline-block;
    background-repeat:no-repeat;  //changed to no-repeat
    background-position:center;  
    height:30px;
    width:30px;
    margin-left:4px;
    text-indent:-900%;
}
                  // background-image to prevent overwrite 
a.vote_up {       //    of background-repeat & background-position
    background-image:url("images/uparrow.png"); 
}
a.vote_down {
    background-image:url("images/downarrow.png");
}