超级鱼菜单在IE9中显示破碎的结构，在Chrome中工作良好

Question

我的超级鱼菜单在Chrome, Firefox &Safari，但是在IE9下结构被打破了。我试图应用z-index值并寻找其他可能的问题，但我仍然无法在IE9下工作。

谁能帮我解决这个问题或给我指个正确的方向?很多谢谢!

下面是演示站点:http://goo.gl/zwNFO

Answer 1

有很多缺少的结束标签。

<div class="site-container full-width" id="section-sub-footer">
<span class="copyright">

或者这个

<div class="site-container full-width" id="section-thirds">

Answer 2

对于您拥有的所有浮动元素，您可能会遇到z-index排序问题。你可以试试我为IE7创建的这个小脚本;你的里程可能会有所不同。

        var zIndexNumber = 10000;
        $('div, span, ul').each(function () {
            $(this).css('zIndex', zIndexNumber);
            zIndexNumber -= 1;
        });