IE 7 및 8 배경 이미지 위치 문제

Question

다시 IE 7 및 8 CSS 챌린지.

배경 이미지를 사용하여 웹 페이지의 모든 단추 배경을 적용합니다. 내가 완벽한 출력이 파이어 폭스에서

#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; 
} 

와 크롬 : 여기

는 HTML 코드는 IS 다음 내 CSS 코드에서

<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> 

입니다. 우리는 IE 7 및 Internet Explorer 8을 보면

, 그것은 왼쪽 부분을 인하.

모든 팁, 감사

감사합니다, 청

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의 두 버전에 대한 작업의 벌금을 제공

---

망하는 응답 :

문제가있는 경우는 확인 메시지 포스트 클래스를 체크 ...

그리고 참고로 업데이트 :

padding: 0px 22px 1px 22px; 

    background-position: 100% 0%;