アイコンが私の見解ではIE7

Question

に表示されない、私は以下に私のアイコンを呼んでいる

.icn_plus { 
    background: url(../images/icons/plus-14x14.png) no-repeat; 
    width: 20px; 
    height: 20px !important; 
    cursor: pointer; 
    border: none; 
    padding-left: 20px !important; 
} 

それはでChromeとIE8での作業ではないですIE7。私は分離したURLとバックグラウンドの繰り返しを試みましたが、最初に "/"を削除してURLを変更しましたが、再び機能しません。

奇妙な点は、同じ時間と同じビューでは、これが働いているされています

<td> 
    <input value=" " class="btn_left" /> 
</td> 

とクラスは次のとおりです。

.btn_left { 
    background: url(../images/campaign/Ok1.png) no-repeat;  
    width: 20px; 
    height: 30px; 
    border: none; 
    cursor: pointer; 
    outline: none; 
} 

私は何をしないのですか？前もって感謝します。

Answer 1

みんなありがとう、

を私は使用を変更して、それを解決してきた：あなたはIE7をサポートするため

<td> 
    <a class="btn" id="sthAdd"> 
     <img src="../icons/plus-14x14.png" /> 
    </a> 
</td> 

Answer 2

<i>はインラインタグです。試してみてください：

.icn_plus { 
    display: block; 
    // or 
    display: inline-block; 
    background: url(../images/icons/plus-14x14.png) no-repeat; 
    width: 20px; 
    height: 20px !important; 
    cursor: pointer; 
    border: none; 
    padding-left: 20px !important; 
}