IE9上的JQUERY水平菜单

Question

我使用了以下JQUERY UI水平菜单示例： How to make jQuery UI nav menu horizontal? 这在Chrome上运行得很好 但在IE 9中，它看起来很糟糕，并不是横向的 你知道我遗失了什么吗？

我的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>

我的css：

#menu li 
{ 
    width: auto;
    clear: none;
    background:blue;
    margin-right:3px;
    margin-left:3px;
    margin-top:2px;
    float: left;
}

.menuIconItem 
{
    cursor:hand;
}

.liMenuItem
{
    background-color:transparent;
}

.menu
{
    border: 0px !important;
    background:D0E1F7 !important;
}

我的代码：

<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>

谢谢：）

Answer 1

请参阅以下链接了解更多详情，

Cross browser menu

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

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

试试这希望它有所帮助..