Fade doesn't work when I move mouse fast
===

I'm adding fade effect programmatically in a loop for elements like this :

    fadeInBorderComponent = new Fade();
    fadeInBorderComponent.duration = 300;
    fadeInBorderComponent.alphaTo = 1.0;
    fadeInBorderComponent.target = sBorderContainer;					
    					sBorderContainer.addEventListener(MouseEvent.ROLL_OVER, custom_rollover(fadeInBorderComponent));
    					
    fadeOutBorderComponent = new Fade();
    fadeOutBorderComponent.duration = 100;
    fadeOutBorderComponent.alphaTo = 0.8;
    fadeOutBorderComponent.target = sBorderContainer;
    					sBorderContainer.addEventListener(MouseEvent.ROLL_OUT, custom_rollout(fadeOutBorderComponent));

and 

			private function custom_rollover(fdi:Fade):Function{
				return function(e:MouseEvent):void{			
				 	fdi.play();				 
				}
			}
			
			private function custom_rollout(fdo:Fade):Function{
				return function(e:MouseEvent):void{					
					fdo.play();						
				}
			}

Problem is when I hover slowly over a component, it works fine, but when I move mouse over it normally or fast, fade out effect doesn't happened. Can anybody help me with this.

Thank you.