IE7的相对布局问题

Question

在IE7中遇到相对定位范围和img未正确定位的问题。 您可以在以下位置查看问题：

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

“新”和“销售”跨度应位于标题的右上角，右侧的购物车图像应位于标题的右上方。它们在IE8，FF，Safari，Chrome中正确定位。在IE7中，它们看起来比预期的低。

Answer 1

IE7似乎没有正确地获取保证金。

尝试在position: relative;课程上设置productItem声明。然后，不要为.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;
}

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