IE8中的樣式相關問題

Question

我正在使用背景圖像作爲按鈕顯示。該按鈕顯示在所有版本的Firefox，鉻，歌劇等。但是，圖像無法呈現在IE8本身。只有圖像沒有被顯示，其他一些類的樣式會被應用，例如寬度，高度等。 更令人困惑的是，在另一個頁面（儘管是不同的類和樣式表）中，顯示了類似比例的圖像類似的用法。圖像格式爲JPG。 我複製粘貼兩種情況下的有效樣式屬性，如下面的螢火蟲所示。

沒有顯示下面的按鈕。按鈕類應用爲class =「cart-button login」，class =「cart-button update」，class =「cart-button checkout」和class =「cart-button continue」，並且位於某些div內。

.cart-button{ 
    height: 28px; 
    cursor: pointer; 
    border: none; 
    float: left; 
} 

.cart-button:hover{ 
     background-position: 0 -28px; 
} 

.login{ 
    width: 58px; 
    background:url(/../../templates/animalcare/i/login.jpg)no-repeat; 
    margin:0 0 20px 0; 
    clear: both; 
} 

.update{ 
     width: 63px; 
     background:url(/../../templates/animalcare/i/update.jpg)no-repeat; 
     margin:0 0 20px 15px; 
     float: left; 
    } 

.checkout{ 
     width: 77px; 
     background:url(/../../templates/animalcare/i/checkout.jpg)no-repeat; 
     float:right; 
     margin:0 25px 30px 10px; 
    } 

.continue{ 
     width: 132px; 
     background:url(/../../templates/animalcare/i/continue.jpg)no-repeat; 
     float:right; 
     margin:0 0 30px 0px; 
    } 

以下是唯一顯示的圖像按鈕。它位於一張桌子內。它在不同的樣式表中 - 因此是路徑差異。

.add-to-cart{ 
    width:102px; 
    height:28px; 
    float:left; 
    background:url(i/add_to_cart.jpg) no-repeat; 
    cursor:pointer; 
    border:none; 
    margin:10px 0 5px 0; 
} 

.add-to-cart:hover{ 
    background-position:0 -28px; 
} 

Answer 1

我不能不注意到，這被顯示的圖像具有在no-repeat前面的空間，而這不是沒有興趣，沒有。我想知道這是否會成爲問題。例如：

.login{ 
    width: 58px; 
    background:url(/../../templates/animalcare/i/login.jpg) no-repeat; 
                 ^
                  +-- add this space 
    margin:0 0 20px 0; 
    clear: both; 
} 

（和所有其他）。