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

您可能需要调整的底部和右侧位置的位。 这应该照顾它。