title: A simple jQuery script not working in IE - thought jQuery was cross platform !
body: <p>Could anyone explain why the following script does not work in IE 8. It is a very simple animation and works very nicely in FF.
  I include CSS js and HTML as it appears on the test file.</p>
  
  <pre><code>&lt;style&gt;
      .linkholder{
          display:block;
          float:left;
          position:relative;
          margin:15px;
          overflow:hidden; 
      }
  
      .linkholder img{
          border:none;
          max-height:200px;
          max-width:150px;
      }
  
      }
      .bwcover{
          position:absolute;
          left:0;
          top:0;
          display:none;
          }
  
      .colorlink{
          position:absolute;
          left:0;
          top:0;
      }
  
  &lt;/style&gt;
  &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      jQuery(document).ready(function(){
          jQuery(".linkholder").each(function(i){
              var wid = jQuery(this).find(".colorlink").outerWidth();
              jQuery(this).width(wid);
              var hei=jQuery(this).find(".colorlink").outerHeight();
              jQuery(this).height(hei);
          });
          jQuery(".colorlink").fadeTo("fast",0.05);
          jQuery(".bwcover").fadeTo("fast",.25);
          anibase = jQuery(".linkholder").length;                 
          function heartbeat(){
              newanigo();     
              jQuery(".bwcover").eq(anigo)
                  .animate({opacity:.45,},1200,"linear")
                  .delay(300)
                  .animate({opacity:.15},500,"linear")                    
                  .animate({opacity:.25},350);
              jQuery(".colorlink").eq(anigo)
                  .animate({opacity:.9,},1200,"linear")
                  .animate({opacity:.05,},750,"linear");
              function newanigo() {anigo = Math.floor(Math.random()*(anibase))};
              var t=setTimeout(heartbeat,4000);
          };
          heartbeat();
          jQuery(".linkholder").hover(
              function () {
                  if(jQuery(this).find(".bwcover").is(":animated")){
                      jQuery(this).find(".bwcover").stop(true,true);
                  };
                  jQuery(this).find(".colorlink").fadeTo("slow",1);
                  jQuery(this).find(".bwcover" ).fadeOut("slow");
                  }, 
              function () {
                  if(jQuery(this).find(".bwcover").is(":animated")){
                      jQuery(this).find(".bwcover").stop(true,true);
                  };
                  jQuery(this).find(".bwcover").fadeTo("fast",.25);
                  jQuery(this).find(".colorlink").fadeTo("slow",.05);                 
                  }
              );
      });
  &lt;/script&gt;
  
  &lt;body&gt;
      &lt;div class="linkholder"&gt;            
          &lt;div class="colorlink"&gt;&lt;a href="#"&gt;&lt;img src="DSCN3080.JPG" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;div class="bwcover"&gt;&lt;img  src="DSCN3080bw.jpg" alt="" /&gt;&lt;/div&gt;         
      &lt;/div&gt;
      &lt;div class="linkholder"&gt;
          &lt;div class="colorlink"&gt;&lt;a href="#"&gt;&lt;img src="relief2.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;div class="bwcover"&gt;&lt;img  src="relief2bw.jpg" alt="" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="linkholder"&gt;
          &lt;div class="colorlink"&gt;&lt;a href="#"&gt;&lt;img src="elegantbook.jpg" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;div class="bwcover"&gt;&lt;img  src="elegantbookbw.jpg" alt="" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="linkholder"&gt;
          &lt;div class="colorlink"&gt;&lt;a href="#"&gt;&lt;img src="DSCN3080.JPG" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;div class="bwcover"&gt;&lt;img  src="DSCN3080bw.jpg" alt="" /&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="linkholder"&gt;
          &lt;div class="colorlink"&gt;&lt;a href="#"&gt;&lt;img src="DSCN3080.JPG" alt="" /&gt;&lt;/a&gt;&lt;/div&gt;
          &lt;div class="bwcover"&gt;&lt;img  src="DSCN3080bw.jpg" alt="" /&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>I am surprised as I thought the whole point of jQuery is that it is cross platform and we shouldn't have to worry our sweet little heads about the "eccentricities" of IE.</p>