Superfish menu shows broken structure in IE9, working fine in Chrome

Question

My superfish menu is working fine in Chrome, Firefox & Safari, but the structure is broken under the IE9. I tried to apply the z-index value and looking for other possible issue for hours now, but I still cannot get it work under the IE9.

Can someone help me o with issue or point me to the right direction. Many thanks!

Here is the demo site: http://goo.gl/zwNFO

Answer 1

There are lots of missing closing tags.

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

and maybe this:

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

Answer 2

with all the floating elements you have, you may be running into z-index ordering issues. you can try this little script i created for IE7 reverse rendering; your mileage may vary.

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