Menu behind Adobe Animate Composition (ie8)

My menu at austab.com.au hides behind the Adobe Animate composition in IE8 and no amount of tweeking the z-index seems to fix it. Any suggestions?

according to the Adobe Edge Animate forums, the Animations are not compatible with older browsers like IE8.

You should be setting up what they call a Downlevel stage that contain a static poster of the animation you wish to use for older browsers.

see this thread for more details:
4758370#4758370

I have already done that and the downlevel stage poster image does display in IE8, the problem is my drop down menu opens behind the image.

IE 8 is not using the down level poster image, though. it is trying to use the animation.

I assure you that I have a downlevel poster image set. (See attached)

It may be set, but it is not being used by IE8. When i visit your page in IE8, it is using the animation, not the Downlevel poster.

I have ended up just using jQuery to detect if IE is being used and if its less than version 9. If it is it displays an image if not it displays the Edge Animate composition.

<div id="slideshow"></div>
<script>
    var ua = $.browser;
    if ( ua.msie && ua.version < "9" ) 
    {
        $("#slideshow").html( "<br><img src='edgeanimate_assets/AnimatedBanner/images/Poster.png' width='960' height='325'>" );
    }
    else
    {
        $("#slideshow").html( "<object id='EdgeID' name='EdgeID' type='text/html' width = '960' height ='325' data ='edgeanimate_assets/AnimatedBanner/AnimatedBanner.html' ></object>" );
    }
</script>

Can't explain why the downlevel feature of Animate is not working.

glad to hear you have it working.