Jquery and IE8 animate opacity solution
<p>I am trying to animate opacity with Jquery an it is working fine in every browser except, you guess it dreaded <b>IE8</b>!<br/> Problem: on animation I am seeing some ugly artifacts:(
<br/>I know that I can solve this by removing background and adding the same background color to my animated div and to my container div,but it is <b>NOT</b> an option in my case. <br/>Can somebody suggest solution to this? 
My code:</p>

<pre><code>$(document).ready(function() {
    $(".img").animate({
        opacity: 0
    });
    $(".glow").click(function() {
        $(".img").animate({
            opacity: 1
        }, 5000);
    });
});
</code></pre>
