[flexcoders] glow effect on component with border shifts insides of component

[blc187]

I have a component that I am using a glow effect for mouseover.
The component is an hbox with some labels and 2 images inside it, 
and a solid border around it.
However, when the mouseover triggers and the glow effect plays, the 
labels inside shift down a pixel or two.
When the border is removed, everything stays where it should on 
mouseover.

Anyone have any ideas why the shift?
Below is the mxml for the component (border of HBox mainBox is what 
can be removed to stop the shift)


<mx:HBox id="mainBox" styleName="showCard" borderStyle="solid" 
borderColor="{borderColor}" left="0" right="0" top="0" bottom="0" 
clipContent="false" paddingTop="3" paddingLeft="3" paddingRight="3" 
paddingBottom="3" verticalCenter="0" horizontalCenter="0" 
horizontalScrollPolicy="off" verticalScrollPolicy="off" 
verticalGap="0">
                
        <mx:Canvas width="78" height="60">
                <mx:Image id="bandImage" />
        </mx:Canvas>
                
        <mx:Canvas id="contentCanvas">
                <mx:Label y="-3" letterSpacing="-1"/>
                <mx:Label y="17"/>
                <mx:Label y="31"/>
                <mx:Label y="45"/>
                        
                <mx:HBox right="0" top="18">
                        <mx:Label id="liveText" />
                        <mx:Image id="liveImage"/>
                </mx:HBox>
                        
        </mx:Canvas>
                
</mx:HBox>