Css Internet Explorer上未显示菜单和子菜单

我正在制作一个如下所示的菜单：

<nav>
<ul>
    <li><a href="index.php">Home</a></li>

    <li><a href="#">Expenses</a>
        <ul>
            <li><a href="view.php">View My Expenses</a></li>    
            <li><a href="employeeExpense.php">View Expenses</a></li>    

            <li> <a href="#">View Deconts </a>
                <ul>
                    <li><a href="viewAllDecont.php">Single Deconts</a></li>                                 
                    <li><a href="viewDecontsForAll.php">View All Deconts</a></li>
                </ul>
            </li>   
            <li> <a href="#">Add Expenses </a>
                <ul>
                    <li><a href="soccer.php">Soccer/Tennis Expenses</a></li>
                    <li><a href="gym.php">Gym Expenses</a></li>
                    <li><a href="coffeeTea.php">Coffee/Tea Expense</a></li> 
                </ul>
            </li>
    </li>               
</ul>

nav {   
text-align: center;
}

nav ul ul {
    display: none;  
    }

nav ul li:hover > ul {
    display: block;
    }

nav ul {
    background: #efefef; 
    background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
    background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;  
    list-style: none;
    position: relative;
    display: inline-table;
    z-index: 9999;

}
nav ul:after {
    content: ""; clear: both; display: block;
}

nav ul li {
    float: left;
}
    nav ul li:hover {
        background: #4b545f;
        background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
        background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
        background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
    }
        nav ul li:hover a {
            color: #fff;
        }

    nav ul li a {
        display: block; padding: 10px 40px;
        color: #757575; text-decoration: none;
    }


nav ul ul {
    background: #5f6975; border-radius: 0px; padding: 0;
    position: absolute; top: 100%;
}
    nav ul ul li {
        float: none; 
        border-top: 1px solid #6b727c;
        border-bottom: 1px solid #575f6a; position: relative;
    }
        nav ul ul li a {
            padding: 15px 40px;
            color: #fff;
        }   
            nav ul ul li a:hover {
                background: #4b545f;
            }

nav ul ul ul {
    position: absolute; left: 100%; top:0;
}

我使用的是弃用的函数吗？我知道-moz-tag适用于Mozilla Firefox，-webkit-works适用于Chrome，但它最初是有效的。我一定是更新了IE什么的。我正在使用IE 9。我注意到两件事

1.）您的代码看起来不错，只是缺少结束标记。这可能是复制粘贴问题

---

2.）IE8和之前的版本不适用于导航标签。那么，您是否已验证您正在IE9模式下运行？打开开发人员工具以确保（F12）在IE中。确保文档和浏览器模式均未处于兼容模式，并设置为IE9或当前的任何版本

什么不起作用？梯度？IE9不理解CSS渐变。顺便说一句，不需要再使用

-moz linear gradient

。菜单就像Word中的列表一样显示：*Home*Expenses-My Expenses-My Deconts-Add decontt渐变也不起作用。在IE9中如何解决这个问题？嗨，安东尼·梅森，1）标签不会像我尝试的那样粘贴在stackoverflow中。2） 我正在运行IE9。我如何使它在IE9标准中工作？啊，对了，我设法把它改成了IE9标准。我第一次点击它时，它没有刷新。我现在看到好的了。ThanksI在你最初的帖子中看到你在使用IE9，我只是问你是否在标准设置下运行。令人烦恼的是，内联网IE默认为兼容模式，这打破了现代代码。选中工具->兼容性视图设置。或F12打开开发人员工具，并转到文档设置以确保设置了上述配置。\n我没有刷新页面以查看您的响应：）我很高兴我能帮助您做到这一点，效果很好。我只是没有第一次看到它。说得好，安东尼。我仍然不明白为什么他们会选择在默认情况下显示一些东西，比如在旧版本的浏览器中。这真的没有任何意义。