title: Absolute positioning messed up in Safari
body: <p>I tried to do a mouseover fade effect with jQuery. The idea is to have two images positioned on top of each other in this way. </p>
  
  <pre><code>&lt;img class="img-circle webdesign " src="assets/img/webdesign_.png" style="position: absolute;" &gt;
  &lt;img class="img-circle" src="assets/img/webdesign_hover.png"&gt;
  </code></pre>
  
  <p>It works well with Chrome. Screenshot ( <a href="http://cl.ly/image/0f3M0f2q1t2S" rel="nofollow">http://cl.ly/image/0f3M0f2q1t2S</a> ) </p>
  
  <p>However, i am having this issue with Safari ( <a href="http://cl.ly/image/44290O3n1X0b" rel="nofollow">http://cl.ly/image/44290O3n1X0b</a> )</p>
  
  <p>You can see both images when the page loads even though, the grayscale one should appear on top of the coloured one and hides the latter. </p>
  
  <p>Suggestions? </p>