title: JQuery animation issue in IE that work great in all other browsers
body: <p>So I am running an animation on this site: <a href="http://www.pivot-innovation.com/index_dev.php" rel="nofollow">http://www.pivot-innovation.com/index_dev.php</a></p>
  
  <p>And everything is looking and working fine in every browser. Except of course IE. At first it was telling me that calling jquery from google had an error...so i pulled the full version of jquery locally can now I am calling that. My script is simple but it does not animate or fade or anything just in IE.</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt; 
  
  &lt;script&gt;
  $(document).ready(function() {
  
      $("#left_innovation_image").hide(); //Hide all content
      $("#right_innovation_image").hide(); //Hide all content
      $("#mainImage_home").hide(); //Hide all content
  
      $("#left_innovation_image").fadeIn(2000); //Show first tab content
      $("#right_innovation_image").fadeIn(2000); //Show first tab content
  
      $("#left_innovation_image").animate({position:'absolute', top:'0px', left:'50px'}, 1000)
      $("#right_innovation_image").animate({position:'absolute', top:'0px', right:'50px'}, 1000,
      function(){
  
      }
      )
  
      $("#mainImage_home").delay(2500).fadeIn(1000); //Show first tab content
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I even tried to play with the position absolute and just simply animate left like this:</p>
  
  <pre><code>$("#left_innovation_image").animate({'left': '+=50px'}, 1000)
  </code></pre>
  
  <p>and it still does not work or move. Any Ideas how to fix this? If not, can I write something that just tells IE to display an image and forget jQuery.</p>