html - CSS - IE7 忽略第一个列表项的边距？

Question

如果您转到第一个博客元素 (Mona) 并使用“+”图标展开它。图像缩略图使用边距从左侧对齐 24 像素。这适用于所有浏览器，但 IE7 会忽略第一个列表项的边距。

http://www.dririser.co.uk/index.php

CSS

.artistMeta li {
float: left;
margin: 0 0 24px 24px;
position: relative;
width: 160px;
}

这里有一个类似的问题，但没有真正的答案，我不能使用他们的解决方案。

Why is ie7 ignoring the left-margin on my first list item (only)?

有什么想法吗？

Answer 1

只是一个快速测试..不确定它是否会工作..但是尝试在你的 li 上添加一个 display:block 并且不要使用简写边距，而是使用 margin-left 和 margin-bottom...在我看来，IE 没有刷新元素的样式，因为当我检查元素时，导航器添加了正确的边距...

如果这不起作用..你可能想把样式放在标签内(因为你使用 JS 添加图像)，我知道这不优雅，但我想这可能会强制导航器设置li

上的样式

如果这不起作用..那么我不知道哪里出了问题=P。我希望这有助于...

祝你好运!