带有六张图片的jQuery水平手风琴在InternetExplorer7、8和9中缺少两张？

为了创建jQuery水平手风琴，我遵循了本教程。 它工作正常，但在IE 7、8和9中缺少两张图片（它们是6），正如您在live站点中看到的：

HTML:

标题：

<link href="css/jimgMenukwicks.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.pack.js"></script>

（在Chrome和Firefox中一切正常）

（我在linux上，因此无法提供IE输出。抱歉。）

编辑：

如果列表的

标签的宽度100px，则会显示所有图像。我认为有一个溢出：隐藏的问题。但我尝试将宽度应用于几乎所有元素，但没有成功）。

这里是这一行：

<!--[if IE]>
<style type="text/css">.jimgMenu {
position:relative;
width:630px; /* <<< Right here */
height:200px;
overflow:hidden;
margin-left:20px;
}
</style>
<![endif]-->

---

至少去掉这个，它就可以正常工作了。另外，我认为如果你把它全部删除，效果会很好。

@alexchenco-当我试图在本地隔离它并找出样式的来源时，我注意到条件菜单中的

.jingMenu

，于是产生了怀疑。

<link href="css/jimgMenukwicks.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.pack.js"></script>

.jimgMenu {
    position:relative;
    margin: 0 0 0 1px;
    padding: 0px;
    width: 958px;
    height :200px;
    overflow: hidden;
}
.jimgMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    height: 170px;
    position: relative;
    }
.jimgMenu ul li {
    width: 160px;
    float: left;
    display: block;
    overflow: hidden;
}
.jimgMenu ul li a {
    text-indent: -1000px;
    background: #fff repeat scroll 0%;
    border-right: 2px solid #fff;
    cursor: pointer;
    display: block;
    overflow: hidden;
    height: 200px;
}
.jimgMenu ul li#landscapes a {
    background: url(../images/landscapes.png) repeat scroll 0% !important;
}
.jimgMenu ul li#people a {
    background: url(../images/people.png) repeat scroll 0% !important;
}

.jimgMenu ul li#nature a {
    background: url(../images/nature.png) repeat scroll 0% !important;
}
.jimgMenu ul li#abstract a {
    background: url(../images/abstract.png) repeat scroll 0% !important;
}
.jimgMenu ul li#urban a {
    background: url(../images/urban.png) repeat scroll 0% !important;
}
.jimgMenu ul li#people2 a {
    background: url(../images/people2.png) repeat scroll 0% !important;
}

<!--[if IE]>
<style type="text/css">.jimgMenu {
position:relative;
width:630px; /* <<< Right here */
height:200px;
overflow:hidden;
margin-left:20px;
}
</style>
<![endif]-->