fadeTo blink hovering a border
<p>i made a fast <strong><a href="http://jsfiddle.net/ckQfQ/6/" rel="nofollow">example</a></strong> of my <strong>little</strong> problem.</p>

<p>can anyone tell me why  my fadeTo are backing to the main opacity when i hover a border?</p>

<p>i think its a border problem, i can be roung, check the fiddle, hover a border and you will see the little blink that happens.</p>

<p>source:</p>

<p><strong>html:</strong></p>

<pre><code>&lt;div id="container"&gt;
&lt;div id="title"&gt;&lt;/div&gt;
&lt;table width='100%' style='border-bottom: dotted 1px;'&gt;
    &lt;tr&gt;
        &lt;td&gt;One&lt;/td&gt;
        &lt;td class="align_center" width="50px"&gt;Two.&lt;/td&gt;
        &lt;td class="align_center" width="80px"&gt;Other&lt;/td&gt;
        &lt;td class="align_center" width="70px"&gt;Other 2&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
&lt;div id="result" style="height: 200px;"&gt;&lt;/div&gt;
</code></pre>

<p></p>

<p><strong>css:</strong></p>

<pre><code>#container{
   display: block;
   border: solid 1px;
   position: absolute;
   top: 130px;
   left: 3px;
   width: 500px;
   background-color: #ccc;
   opacity: 0.4;
   filter: alpha(opacity=40);   
}
</code></pre>

<p><strong>js:</strong></p>

<pre><code>$("#container").live("mouseover", function(){
     $(this).stop(true,true).fadeTo('slow', 1);
 });
 $("#container").live("mouseout", function(){
     $(this).stop(true,true).fadeTo('slow', 0.4);
 });
</code></pre>

<p>thanks.</p>
