IE 7および8の背景イメージの位置問題

Question

IE 7および8のCSSチャレンジ。

ウェブページのすべてのボタンの背景を適用する背景イメージがあります。ここで

は、以下ではHTMLコード

<span class="primary-action message-post"><a href="/t5/forums/postpage/board-id/About" id="link_29" rel="nofollow" class="lia-button lia-button-primary"><span>New Message</span></a></span> 

である私のCSSコードです：

Firefoxで

#lia-body .lia-content .primary-action 
{ 
    overflow:visible; 
} 

#lia-body .lia-content .primary-action .lia-button-primary 
{ 
    background-image: url("/html/assets/buttons_tcm166-1588.png"); 
    background-position: 100% 0; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    display: block; 
    line-height: 20px; 
    padding: 0 22px 1px 22px; 
    white-space: nowrap; 
    border: none; 
    font-weight: bold; 
    overflow:visible; 
} 
#lia-body .lia-content .primary-action .lia-button-primary:hover 
{ 
    background-image: url("/html/assets/buttons_tcm166-1588.png"); 
    background-position: 100% -30px; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    display: block; 
    line-height: 20px; 
    padding: 0 22px 1px 22px; 
    white-space: nowrap; 
    border: none; 
    font-weight: bold; 
} 

とクロム、私は完璧な出力を持っています。

我々はIE 7とIE8を見れば、それは左の一部を遮断します。

任意のヒント、おかげ

よろしく、 清

Answer 1

はこれを試してみてください：それは、あなたの他の定義にエラーをトレース動作する場合（ただ...などのクラスの数を減らします）。.. 。コードの

<span><a href="/t5/forums/postpage/board-id/About" id="link_29" rel="nofollow" class="lia-button-primary"><span>New Message</span></a></span> 


.lia-button-primary { 
    background-image: url("/html/assets/buttons_tcm166-1588.png"); 
    background-position: 100% 0px; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    display: block; 
    line-height: 20px; 
    padding: 0px 22px 1px 22px; 
    white-space: nowrap; 
    border: none; 
    font-weight: bold; 
    overflow:visible; 
} 
.lia-button-primary:hover { 
    background-image: url("/html/assets/buttons_tcm166-1588.png"); 
    background-position: 100% -30px; 
    background-repeat: no-repeat; 
    color: #FFFFFF; 
    display: block; 
    line-height: 20px; 
    padding: 0px 22px 1px 22px; 
    white-space: nowrap; 
    border: none; 
    font-weight: bold; 
} 

フラグメントは、あなたは... IEの両方のバージョンのための作業罰金を提供

---

Origional返信：

...問題があるかどうかを確認するために

をあなたのメッセージポストクラスを確認し、FYIに更新します。

padding: 0px 22px 1px 22px; 

    background-position: 100% 0%;