title: IE8 absolute position + opacity problem
body: <p>Im having this problem only with IE8 it even works well on IE6!!...</p>
  
  <p>Im appending 2 divs dynamically to the body and absolute positioning them so they get one above the other so it looks like one div... this works ok, untill i make then transparent with</p>
  
  <pre><code>-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  </code></pre>
  
  <p>I made the simplest demo to show the problem: <a href="http://anferth.com/tests/divs-problem/" rel="nofollow">http://anferth.com/tests/divs-problem/</a></p>
  
  <p>In the demo first appear the two divs without opacity, they look like one, but 1sec after it sets the opacity to 0.5 and the divs get separated by 1px (<strong>only in IE8</strong>).</p>
  
  <p>The code here: <a href="http://jsfiddle.net/messutiEdd/MNPrq/" rel="nofollow">http://jsfiddle.net/messutiEdd/MNPrq/</a></p>
  
  <p>Thanks in advance</p>