Css 导航栏在IE中未正确渲染

我对css比较陌生，但在尝试适应所有浏览器时遇到了一个问题，这一点毫不奇怪

以下是我在JSFIDLE上重新创建的问题：

在IE中，主要的问题是导航栏没有保持样式，会移动到徽标下方

我认为这是一个相对容易的解决办法，我只是在任何地方都找不到答案

---

提前感谢您的帮助，如果您需要更多信息，请告诉我。

低于9的IE版本不是本地版本，例如

和

您需要在

中使用此选项：

---

这里的综合信息：

是HTML5元素
，并且只在最新的浏览器中受支持，而不是在旧的浏览器中受支持，在IE 9下方，正如您在IE开发者工具中看到的那样（我在IE8中测试过这个，您没有提到测试它的版本），
UL
被移到
nav
元素之外
 你正在使用什么版本的IE？您的版本可能不支持nav元素。nav元素是在HTML5中引入的。我希望它至少能在IE7上工作。嗯，这很有道理，我该如何解决这个问题？是的。或者，回到老派的方式，但它没有使用
nav
那么好、刺激和闪亮。太棒了！谢谢大家的帮助，看起来很棒！在我开始使用HTML5之前，我一定要仔细阅读HTML5以及它的新功能。
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}