如何讓我的html5 <nav>在IE 9中正常工作？

想知道我的腳本是錯誤的還是我在CSS中丟失了某些東西。除了我的IE 9瀏覽器 - 版本9.0.8112.16421之外，它在一切中都很棒。我認爲這是盒子的東西，搞砸了，但我認爲html5shiv會幫助嗎？如何讓我的html5 <nav>在IE 9中正常工作？

這裏是我的頭HTML：

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
<title>US Fire Registry</title> 
<!--update based on html5--> 
<!--[if lt IE 9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
<meta name="viewport" content="width=device-width, maximum-scale=1.0"/> 
<meta name="description" content="Fire Registry" />  
<meta content="fire registry volunteer firefighters" /> 
<link REL="SHORTCUT ICON" HREF="/favicon.ico"> 
<link href="http://www.usfireregistry.com/css01.css" rel="stylesheet" type="text/css" /> 
</head> 

Html for nav: 

    <nav> 

     <a href="index.html" id="selected">Home </a> 
     <a href="registry.html">Firefighter Registry </a> 
     <a href="agency.html">Agency Honors </a> 
     <a href="auxilary.html">Auxilary Honors </a> 
     <a href="training.html">Training Project </a> 
     <a href="showcase.html">Equipment Showcase </a> 
     <a href="store.html">Store </a> 
     </nav> 




And CSS: 

nav { 
    background-color: #992017; 
    /* Safari, Opera, and Chrome */ 
    display: -webkit-box; 
    -webkit-box-orient:horizontal; 
    /* Firefox */ 
    display:-moz-box; 
    -moz-box-orient:horizontal; 
    /* W3C */ 
    display:box; 
    box-orient:horizontal; 
     -webkit-border-radius:0px; 
    /*IE*/ 
    -ms-box-orient:horizontal; 
    width: 975px; 
    margin: 0 auto; 
    position: relative; 
    top: 40px; 
    opacity: 1; 
    z-index: 60; 
} 

nav a { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    color: #FFF; 
    display: block; 
    padding: 10px; 
    -moz-box-flex:1.0; /* Firefox */ 
    -webkit-box-flex:1.0; /* Safari and Chrome */ 
    -ms-box-flex:1.0; 
    box-flex:1.0; 
    text-align: center; 
    -webkit-transition:all .4s linear; 
    -o-transition:all .4s linear; 
    -moz-transition:all .4s linear; 
    transition:all .4s linear; 
}

來源

2013-03-05 user2136909

IE9支持HTML5元素，所以不應該是問題。導航是語義的，不應該用於定位或過多的樣式。如果您需要定位它，請將它包裝在一個div中。 – 2013-03-05 18:32:02