IE7의 상대 레이아웃 문제

Question

IE7에서 위치 지정 스팬이 상대적으로 중요하지 않고 img가 올바르게 배치되지 않았습니다. 당신은에서 문제를 볼 수 있습니다

http://bookgroupaustralia.obiweb.com.au/

'판매'스팬 최고 제목의 오른쪽과 오른쪽 아래에있는 카트 이미지 있어야한다 'NEW'와. IE8, FF, Safari, Chrome에 올바르게 배치됩니다. IE7에서는 예상보다 낮게 나타납니다.

Answer 1

IE7이 여백을 올바르게 인식하지 못하는 것 같습니다.

productItem 클래스에 position: relative; 선언을 설정해보십시오. 그리고 대신 .listing span.badge 클래스 여백 값을 설정하는 다음과 같은 값을 설정하려고 : 또한 쇼핑 카트 아이콘 (당신의 img.cart 클래스)를 수행해야합니다

top: 0; 
left: 0; 

. 다시 말하지만,이 이미지가 절대적으로 각 목록 항목의 오른쪽 아래 모서리에 위치 할 :

.listing ul li.productItem img.cart, .listing ul li.productItemLast img.cart { 
    bottom: 5px; 
    cursor: pointer; 
    position: absolute; 
    right: 5px; 
} 

당신은 하단과 오른쪽 위치를 약간 조정 할 수 있습니다. 그걸 처리해야합니다.