         // transition mode (cover vs. uncover for instance).
         if (mode == SlideViewTransitionMode.COVER)
         {
-            // Add the transition group on top of the contentGroup.  It's important that its placed on
-            // top so that alpha characteristics of the cached ActionBar are shown properly
-            var childIndex:uint = targetNavigator.skin.getChildIndex(targetNavigator.contentGroup);
-            addComponentToContainerAt(transitionGroup, targetNavigator.skin, childIndex + 1);
+            // When doing a cover animation, the transition group is added to the bottom
+            // of the main navigator's skin with a bitmap image of the previous state.  The
+            // end view and ui controls will then animate on top of this image to create
+            // the cover effect.
+            addComponentToContainerAt(transitionGroup, targetNavigator.skin, 0);
+            transitionGroup.addElement(cachedNavigator);
         }
         else
         {

            actionBar.cacheAsBitmap = true;
        }
        
        if (startView)
        {
            // Store the position of the startView
            navigatorProps.startViewX = startView.x;

        else
        {

            if (startView && mode == SlideViewTransitionMode.COVER)
            {
                startView.visible = startViewProps.visible;
            }
            
            if (tabBar)
            {
                tabBar.includeInLayout = navigatorProps.tabBarIncludeInLayout;
