Javascript IE9上的JQUERY水平菜单

我使用了以下JQUERY UI水平菜单示例： 这对铬很有效 但在IE9中，它看起来很可怕，而且不是水平的 你知道我错过了什么吗

我的JQUERY来源：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

我的代码：

<ul id="menu" class="menu">
    <li class="liMenuItem" title="1">
    <a onclick="menuItemClicked('1');" class="menuIconItem">
    <img src="1.png" id="img1">
    </a></li>
    <li class="liMenuItem" title="2">
    <a onclick="menuItemClicked('2');" class="menuIconItem">
    <img src="2.png" id="img2">
    </a></li></ul>

---

谢谢：）

请参考以下链接了解更多详细信息

它告诉我们，对于IE，你必须对css文件进行更改，因为有些东西可能无法在IE中正常工作

ul.dropdown ul li { 
    display: inline; 
    width: 100%; /* Width depends on the size of containing block */
}

试试这个，希望对你有帮助

ul.dropdown ul li { 
    display: inline; 
    width: 100%; /* Width depends on the size of containing block */
}