Never see the downSkin on a Tab

programming flash
1

Hey all.
I’ve been beating my face against this all afternoon and I’m sure it’s not a hard fix, I’m just completely missing it. I have a tabnavigator and I’m assigning it a style. This one actually :


TabNavigator.shoppingTabNavigatorStyle {
            font-family: Agenda-Light;
            font-style: normal;
            font-size:  15pt; 
            font-weight: normal;
            tabStyleName: shoppingFittingTabs;
            selectedTabTextStyleName:  shoppingFittingSelectedTabText;
        }
        
        Tab.shoppingFittingSelectedTabText {
            padding-top:2;
            padding-left: 2;
            padding-right: 2; 
            padding-bottom: 0;
            color: #FFFFFF;
            
            font-size:18pt;
            font-family: Agenda-Bold;
            font-style: normal;
            font-weight: normal;
            textRollOverColor:#FFF;
            textSelectedColor:#FFF;
        
            disabledColor: #A1A1A1;
        }
        
        Tab.shoppingFittingTabs {
            padding-top:3;
            padding-left: 2;
            padding-right: 2; 
            padding-bottom: 0;
            color: #db1e5c;
            font-size:18pt;
            font-family: Agenda-Light;
            font-style: normal;
            font-weight: normal;
            textRollOverColor:#db1e5c;
            textSelectedColor:#db1e5c;
            disabledColor: #A1A1A1;
            borderStyle: none;
            
            upSkin: Embed(source='/resources/closet/clear.png', scaleGridTop='9', scaleGridBottom='16',    scaleGridLeft='11', scaleGridRight='72');
            overSkin: Embed(source='/resources/closet/clear.png', scaleGridTop='9', scaleGridBottom='16',scaleGridLeft='11', scaleGridRight='72');
            downSkin:  Embed(source='/resources/interface/fittingTabs/tab_down.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
            disabledSkin: Embed(source='/resources/closet/clear.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
                                
            selectedUpSkin: Embed(source='/resources/interface/fittingTabs/tab_over.png', scaleGridTop='9', scaleGridBottom='16',    scaleGridLeft='11', scaleGridRight='72');
            selectedOverSkin: Embed(source='/resources/interface/fittingTabs/tab_down.png', scaleGridTop='9', scaleGridBottom='16',scaleGridLeft='11', scaleGridRight='72');
            selectedDownSkin: Embed(source='/resources/interface/fittingTabs/tab_down.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
            selectedDisabledSkin: Embed(source='/resources/interface/fittingTabs/tab_disabled.png', scaleGridTop='9', scaleGridBottom='16', scaleGridLeft='11', scaleGridRight='72');
        }

At the bottom you’ll see my skins. Now, everything works expect for the down skin. When I click and hold over a tab all I ever see in the upSkin. If anyone has any idea what’s going on here that would be awesome.

Thanks