我在一个 MVC 网站上工作，我无法让页脚留在 IE10 的页面底部。由于某种原因，它最初会在页面加载时出现在窗口底部，但是即使向下滚动，它也会保持在相同的位置，因此页脚不再位于页面底部。
奇怪的是，当您调整窗口大小时，页脚会固定在页面底部。当您将页面恢复为全尺寸时，页脚仍然固定在页面底部。如果您刷新页面或转到新页面，则页脚不再固定在页面底部。
我尝试了一些 CSS 解决方案来创建 Sticky Footer，它们在 Firefox、Chrome 和所有较旧的 IE 中都可以使用，但在 IE10 中没有。我已经尝试过ryanfait 的解决方案和cssstickyfooter，但都没有为我工作。
我的页脚目前有以下 CSS 代码：
#footer{background:#098a9d url(../img/headFootShadow.png) repeat-x 0 -8px;padding:20px 0 0;display:block;height:65px;margin-top:30px;color:#fff}
#footer a{color:#FFF;font-weight:700;text-decoration:none}
#footer a:hover{text-decoration:underline}
/*Sticky footer hack*/
html, body {height: 100%;}
html#lightbox{height:auto;}
#fullWrap {min-height: 100%;}
#main {overflow:auto;padding-bottom:105px;} /* must be same height as the footer*/
#footer {position: relative;margin-top: -85px; /* negative value of footer height */height:65px;clear:both}
正如我所说，这适用于 Chrome、Firefox 和较旧的 IE，但不适用于 IE10。有谁知道如何解决这个问题或可能的解决方法？任何帮助将不胜感激。
非常感谢
伯纳德