IE8 Opacity Fade Bug: MooTools

If a child has relative positioning when the parent fades the child doesn't animate.

by rpflorence

HTML

<button id="in">toggleIn</button>
<button id="out">toggleOut</button>
<hr/>
<p id="toggle_me">
    <a id="relative">position: relative</a>
    <a id="static">position: static</a>    
</p>

CSS

#relative {
  position: relative;
}

JavaScript

$('in').addEvent('click',function(){
    $('toggle_me').fade('in');
});
$('out').addEvent('click',function(){
    $('toggle_me').fade('out');
});