trying to display a 3rd levl jquery menu on IE8 but it is hidden behind everything else, ff no probs

I have a jquery menu which displays great for the first level drop down, I'm trying to mod it to have a third level. It works fine on FF and chrome but the thrd level element is getting lost behind the rest of the page on IE. I have gone over this carefuly for hours and can't see what the issue is so would really appreciate some help.

btw I have set up Z-index for ev开发者_运维技巧ery single parent and child element so that is not an issue.

heres the link

http://www.synergycc.com there is a sample third level menu under services

thanks

Have you tried setting the width of the sub div to auto rather than a fixed with?

ul#topnav li .sub{width:auto;}

You might also want to try to apply a float fix to the any parent class that has floated elements:

.floatFix {
    zoom: 1;
}

.floatFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}