css - 需要帮助在 IE 中使用页脚

Question

作为一名网页设计师，我希望制作的网站至少可以在尽可能多的浏览器中运行。我仍然尝试为那些只使用 IE 而不知道其他任何东西的访问者设计 IE 7。但是我不太熟悉 id IE，它的间距和技巧。

我的网站看起来不错，you can view it here , 在除 IE 之外的所有浏览器中。 :s 值得庆幸的是，它现在只是页脚。

我希望有人能给我建议并帮助我解决这个问题，然后也许给我一些关于 IE 及其间距问题和技巧的引用资料或文章。

我的页脚在 IE 7 或 8 中都不起作用。

IE 7:

IE 8:

CSS

#footer { width: 100%; height: 503px; background: url(img/FOOTER-bg.jpg) repeat-x; background-color: #821d20; margin-top: 100px;/*border: 1px solid #0C0;*/}
#footer a { text-decoration: underline; color: #c7bd89 !important; }
#footer a:hover { text-decoration: none; color: #fff; }

#footer h6 { background: url(img/FOOTER-HR-BG.jpg) left center repeat-x; text-align: left;}
#footer h6 span { background: #8e2023; display: inline-block; padding-right: 5px; }

我已经尝试了很多不同的方法，但我不确定在 IE 中使用这个页脚会发生什么。如果有人能阐明可能发生的事情，我们将不胜感激!

Answer 1

你有一个未封闭的旁白元素供初学者使用。如果您在 ie8 中查看它并使用 f12 开发人员工具，您可以看到页脚现在如何成为该元素的子元素。关闭那个家伙......应该帮忙。