I've got a problem when using scritpaculous Effect.Appear as a menu option, i wanted to create a flash-like menu but with pure css and scriptaculous.I've got my desired outcome which is when i hover over a box, a text (with display: none
appear above it and the box changes height and background color. Now the problem is that when my mouse move extremely fast and crazy over the box, the text remains (as if it was selected).What i want is that as i hover the text appear, and if my mouse of out, the text disappear.My codes\[code\]function ShowEffect(element){ new Effect.Appear(element, {duration:0.3, from:0, to:1.0, queue: 'front'});}function HideEffect(element){ new Effect.Appear(element, {duration:0.2, from:1.0, to:0, queue: 'end'});}\[/code\]The Divs\[code\]<div class="lefty" style="width: 90px; margin-right: 2px;"> <div style="display: none;" id="clicker2text">ABOUT US</div> <div style="width: 90px;" onmouseover="ShowEffect('clicker2text')" onmouseout="HideEffect('clicker2text')"></div> </div>\[/code\]Any help is appreciated 
appear above it and the box changes height and background color. Now the problem is that when my mouse move extremely fast and crazy over the box, the text remains (as if it was selected).What i want is that as i hover the text appear, and if my mouse of out, the text disappear.My codes\[code\]function ShowEffect(element){ new Effect.Appear(element, {duration:0.3, from:0, to:1.0, queue: 'front'});}function HideEffect(element){ new Effect.Appear(element, {duration:0.2, from:1.0, to:0, queue: 'end'});}\[/code\]The Divs\[code\]<div class="lefty" style="width: 90px; margin-right: 2px;"> <div style="display: none;" id="clicker2text">ABOUT US</div> <div style="width: 90px;" onmouseover="ShowEffect('clicker2text')" onmouseout="HideEffect('clicker2text')"></div> </div>\[/code\]Any help is appreciated