title: Image positioning issue
body: <p>I have placed an image on flash player. The following is the code which I have used</p>
  
  <pre><code>&lt;script type='text/javascript' src='/Technical/js/jquery-1.5.2.min.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='/Technical/js/jquery.pngFix.js'&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      jQuery.noConflict();
      jQuery(document).ready(function () {
          jQuery(window).load(function () {
              jQuery('.VideoLikeContent').hide();
          });
      });
  
      function showImage() { jQuery(document).ready(function () { jQuery('.VideoLikeContent').show(); }); }
      function hideImage() { jQuery('#prodimg').hide(); showImage(); }
  
  &lt;/script&gt;
  
  &lt;a href="#" onclick="hideImage(); return false;"&gt;
      &lt;img id="prodimg" style="position: absolute" 
        height="400px" width="600px" alt="" src="/Technical/images/FINAL-SCREEN-ART.aspx" /&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>On click on image, the image disappears &amp; the video starts to play.
  Note: The image somewhere in the middle</p>
  
  <p>The functionality is working fine.But  when i refresh the page, the image flickers (comes down for a fraction of second &amp; thus exposing the video). How can I fix this?</p>