需要帮助在IE中使用页脚

Question

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

我的网站在IE以外的每个浏览器中看起来都很不错you can view it here。 ：谢天谢地，现在只有页脚了。

我希望有人可以给我建议并帮助我解决这个问题，然后给我一些关于IE＆amp; amp;和这是间距问题＆amp;黑客。

我的页脚在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

我不确定问题的根源，而不是使用“float：right;”，使用“position：absolute; right：-2px;”似乎解决了这个问题（也确保#searchform具有相对位置）。

Answer 2

你有一个非封闭的元素为首发。如果你在ie8中查看并使用f12开发人员工具，你可以看到页脚现在是元素的子元素。关闭那家伙....应该帮忙。