IE7相對佈局問題

Question

相對定位跨度和img在IE7中未正確定位時出現問題。 你可以看到這個問題：

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

「新」和「銷售」跨度應該是標題的右上角，在右下角的車圖像。它們在IE8，FF，Safari，Chrome中正確定位。在IE7中，它們比預期的要低。

Answer 1

IE7似乎沒有正確提取邊距。

嘗試在您的productItem類中設置position: relative;聲明。然後，而不是你的.listing span.badge類設置邊距值，嘗試設置以下值：

top: 0; 
left: 0; 

您還需要做的購物車圖標（你img.cart類）。再次，你要這個圖像絕對定位在每個列表項的右下角：

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

您可能需要調整的底部和右側位置的位。 這應該照顧它。