IE7 css问题？

在IE7中显示以下页面时出现问题

每种产品都有：

用于带有背景图像的顶部。

中间带背景图像。

用于带有背景图像的底部

有一个背景重复：

repeat-y并且它似乎没有停在正确的位置。如果您没有IE7，请复制上述链接并使用此页面查看：


提前感谢，

pesach
您的标记无效，IE7正在重新排列它，也许其他浏览器正在对此进行更好的“最佳猜测”




正在重新格式化为：

<ol>
    <li>
        <div /><!-- top -->
        <div /><!-- bottom -->
    </li>
</ol>





您必须重新排列HTML；只有LI可以是OL的子级，而不是DIV（或SPAN或H2，它们也是OL的直系后代）

我建议将UL和LI更改为div（保持id和类不变）。这样，标记就不再无效。列表元素在这里并不是必需的，因为列表中的每个项目都非常大，并且是块级别的。此外，这将是一个比实际重新排列列表更快的修复，因此它是有效的（这也需要大量的CSS更新）

希望有帮助
 您的标记无效，IE7正在重新排列它，可能其他浏览器正在对此进行更好的“最佳猜测”




正在重新格式化为：

<ol>
    <li>
        <div /><!-- top -->
        <div /><!-- bottom -->
    </li>
</ol>





您必须重新排列HTML；只有LI可以是OL的子级，而不是DIV（或SPAN或H2，它们也是OL的直系后代）

我建议将UL和LI更改为div（保持id和类不变）。这样，标记就不再无效。列表元素在这里并不是必需的，因为列表中的每个项目都非常大，并且是块级别的。此外，这将是一个比实际重新排列列表更快的修复，因此它是有效的（这也需要大量的CSS更新）

希望有帮助
 您可以将ul中的div更改为li

<ul>
    <li class="top"></li>
    <li> item here </li>
    <li class="bottom"></li>
</ul>



这里的项目



或考虑将你的div从UL中移出。
 
你可以将你的UL中的div改为Li。
<ul>
    <li class="top"></li>
    <li> item here </li>
    <li class="bottom"></li>
</ul>



这里的项目



或者考虑将你的div从UL中移动。
在Safari中，你有一个不需要一个水平滚动条。加载你的页面也花了很长时间，我想它会使我的浏览器崩溃。有很多控制台错误。。。在样式表中包括404等。如下面的答案所述，您有一些无效代码。并修复所有错误。在Safari中，您有一个不需要的水平滚动条。加载你的页面也花了很长时间，我想它会使我的浏览器崩溃。有很多控制台错误。。。在样式表中包括404等。如下面的答案所述，您有一些无效代码。并修复所有错误。您的答案不仅解决了问题，还教会了我问题发生的原因（加上更好的html实践）再次感谢您的答案不仅解决了问题，还教会了我问题发生的原因（加上更好的html实践）再次感谢