[flexcoders] highlightAlphas style lost when rotate panel for 90 degree

[jjchiu]

Hi, I have some highlightAlphas style setting for my panel header, 
however, if I rotate the panel between 0~90 degree, I notice that the 
highlight style on the titlebar is lost. (If I rotate anywhere 
between 91+ to 360 degree, it looks fine)

I also have highlightAlphas for a button in the panel, the button 
doesn't lost the hightlight style.

Any suggestion?

Thanks

Button {
    highlightAlphas: 1, 0.3;
}

Panel
{
    headerColors: #cccccc, #ffffff;
    highlightAlphas: 1, 0.3;
}

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; >
    <mx:Style source="test.css"/>

    <mx:Script>
        <![CDATA[            
            [Bindable]
            public var angle:int=0;

            private function rotatePanel():void {
                rotate.end();
                angle += 90;
                rotate.play();
            }
      ]]>
    </mx:Script>

    <mx:Rotate originX="9" originY="9" id="rotate" angleFrom="{angle-
90}" angleTo="{angle}" target="{myPanel}"/>
<mx:HDividedBox width="30%" height="30%" y="500">
    <mx:Panel id="myPanel" title="Rotate Effect Example" 
horizontalAlign="center" 
        width="200" height="200" layout="horizontal"
        paddingTop="5" paddingLeft="10" paddingRight="10" 
paddingBottom="5">
        <mx:ControlBar>
            <mx:Button label="Rotate 45 Degrees" click="rotatePanel
();"/>
        </mx:ControlBar>
    </mx:Panel>
</mx:HDividedBox>
</mx:Application>