一个CSS问题

代码是这样的：
<input name="qiuone1" type="button" class="qiu1" value="1"  onClick="this.className=='qiu1'?this.className='qiu2':this.className='qiu1';calculate();">
定义的CSS是：
.qiu2 {
background-image:  url(../ima/lan.jpg);
height: 20px;
width: 20px;
padding: 0px;
border: none;
font-family: "Franklin Gothic Demi";
font-size: 14px;
color: #FFFFFF;
text-decoration: none;
}
.qiu1 {
background-image:  url(../ima/hui.jpg);
height: 20px;
width: 20px;
padding: 0px;
border: none;
font-family: "Franklin Gothic Demi";
font-size: 14px;
color: #000000;
text-decoration: none;
}语法没一点问题，就是一个兼容性问题，在一些机器上看到的正常是图片，可是有些机器上看到的不是按CSS那样是hui.jpg图片，依然没有加载，还是按钮的样子，不知何故，那怎么样写这个JS可以考虑到大众化的兼容性问题呢？？？万分焦急，多谢指点~~~多谢！！！