我们的 css3 菜单在 IE10 中不起作用。它适用于FF和Chrome。这是HTML5问题吗？

Question

我们有一个图形在IE10中无法正确渲染。它运行良好，大约一个月前，它停止了在IE10上的工作，但继续在Chrome和Firefox上正常显示。我读到HTML5不能与IE10一起正常工作。这就是问题所在吗？不确定修复方法。

 <table width=""  border="0" cellspacing="0" cellpadding="0"><tr><td   width="220" valign="top">
 <div class="menu">
  <!--#if expr="${REMOTE_HOST} = /.usgs.gov$/" -->
  <a href="http://internal.usgs.gov/ngp"><b>NGP Intranet</b></a>
  <!--#endif -->
  <p>
  <!--#include virtual="include/tnm_menu.html"-->
  </div>
  <!--<p class="space"></p> --><br class="space" />
  <img src="images/nav_spacer.jpg" width="185" height="1700" border="0"      alt="This is a formatting graphic." />
  </td>

Answer 1

查看您提供的网站，而不是fiddle，因为它仍然毫无意义，因为它根本没有复制问题，您可以通过添加到CSS:来修复"扭曲"的绿色空间

#nav {
    padding:0;
}

对于CSS菜单的另一个问题，以及可能的上述问题，我认为这是由于HTML代码完全无效。代码中有很多问题，以至于它不知道如何正确地呈现它。让它快速通过验证器，你会看到一些错误。首先，您使用的是HTML5元素，但将DOCTYPE声明为XHTML。这只是一个开始，你有未关闭的标签，过时的属性，未跳过的字符，以及其他。

这是一个问题的原因是，当使用position:absolute时，浏览器会查找元素的父级，但如果无法找到，则可以将元素定位在任何位置。FF和Chrome之所以能工作，是因为他们在这方面没有IE严格，我认为这是FF和Chrome的问题，他们试图"修复"开发者所做的事情，但在我看来，这只会滋生懒惰和糟糕的开发。

修复这些问题，尤其是未关闭的标签，它应该会有所帮助。（至少有助于缩小问题范围。）