title: JQuery Animation doesn't work in Internet Explorer
body: <p>I'm having a bit of trouble making this JQuery work in Internet Explorer, it works beautifully in FF, WebKit, etc, sliding up, bouncing and falling back into place, but in Internet Explorer it does nothing, the buttons don't work and the content never slides up upon page load. It's really weird, I had an element fade out in an earlier design of my site and it didn't work in IE but worked in everything else...</p>
  
  <pre><code>&lt;script&gt;
  
  $(document).ready(function(){
             $('#homecontent').delay("750").animate({ marginTop: "-15px" }, 1500).animate({ marginTop: "5px" }, 500);
  })
  
  &lt;/script&gt;
  
  
  &lt;script&gt;
  $("#shop").click(function(){
             $('#homecontent').animate({ marginTop: "1500px" }, 1500).delay("1500", function(){
             window.location.href = "http://www.jamiedurham.co.uk/shop/","shop"      
    });
  })
  $("#blog").click(function(){
             $('#homecontent').animate({ marginTop: "1500px" }, 1500).delay("1500", function(){
             window.location.href = "http://www.jamiedurham.co.uk/blog/","blog"      
    });
  })
  &lt;/script&gt;
  
  
  &lt;div id="homecontent" style="width:1000px; margin-left:20px; margin-right:20px; position:absolute; margin-top:1500px; line-height:19px;"&gt;&lt;/div&gt;
  
  &lt;table style="margin-top:70px;"&gt;
      &lt;tr style="height:50px; width:738px;"&gt;
           &lt;td style="width:242px;"&gt;&lt;a href="http://www.jamiedurham.co.uk/" &gt;&lt;img src="http://www.jamiedurham.co.uk/pics/homehover.gif" alt="home" name="home" id="home"&gt;&lt;/a&gt;&lt;/td&gt;
           &lt;td style="width:242px;"&gt;&lt;a href="http://www.jamiedurham.co.uk/shop" id="shop" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('shop','','http://www.jamiedurham.co.uk/pics/partnershover.gif',1)"&gt;&lt;img src="http://www.jamiedurham.co.uk/pics/shop.gif" alt="shop" name="shop" id="shop"&gt;&lt;/a&gt;&lt;/td&gt;
           &lt;td style="width:242px;"&gt;&lt;a id="blog" href="http://www.jamiedurham.co.uk/blog" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('blog','','http://www.jamiedurham.co.uk/pics/bloghover.gif',1)"&gt;&lt;img src="http://www.jamiedurham.co.uk/pics/blog.gif" alt="blog" name="blog" id="blog"&gt;&lt;/a&gt;&lt;/td&gt;     
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>