css - 与 IE7 中的 Meyer 重置冲突的段落标签？

Question

在处理一个相当小而简单的布局时，我决定使用 Meyer 的 CSS 重置规则来清除浏览器之间的一些预期差异。在我决定将几段添加到几个嵌套的 div 中之前，一切都运行得很好。

一旦我将段落标签放在第二个嵌套 div 中，父 div 和授权父 div 的背景图像在 IE7 中消失了。

删除段落标签（并使用未标记的文本）返回背景图像。此外，保留标签并删除对 reset.css 文件的引用会恢复背景图像。

显然，我不想采用其中任何一种方法来解决这个问题。这里有任何 CSS 大师知道发生了什么吗？

演示： http: //www.sampsonresume.com/projects/patriot-depot/

Answer 1

奇怪的是，当我从reset.css文件中删除以下规则时，问题就解决了：

background:transparent

这条规则适用于第一大块匹配的元素，所以我不确定它从长远来看会产生什么影响。希望有更好的解决方案，因为我对编辑 Meyers 的 reset.css 以“解决”我的问题有点不安。

Answer 2

它看起来像是 IE 中消失的内容错误的一个版本。

将 zoom:1 添加到 div.pd_horiz_content 和 div.pd_horiz_content_b。这将在 IE 中调用“hasLayout”，您的背景将显示出来。

您还可以通过向 div 添加尺寸（宽度：960px）来调用 hasLayout。在您的情况下，这可能更有意义，因为您的 div 具有基于背景图像的固定宽度。