CSS菜单IE7问题

Question

菜单适用于所有主流浏览器,但在IE7中看起来有所不同.请参阅下面的屏幕截图
查看http://jsfiddle.net/FQLdm/6/上的演示

将鼠标悬停在主页链接上时,您将看到一个子菜单.在IE7中,菜单按钮和子菜单都被向上推.

这发生在我替换它的时候

.menu1 ul.menu li{
    position: relative;
    list-style-type: none;
    display:block;
    float:left;
}

用这个(我需要用这种方式inline-block使列表项居中)

.menu1 ul.menu li{
    position: relative;
    list-style-type: none;
    display:inline;
    display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
}

在Chrome中它看起来很好

在IE7中它看起来不同.请注意主页按钮是如何抬起的.它看起来应该像上面的chrome截图.