title: jQuery color animation plugin not working in IE or Firefox
body: <p>I have looked around on here but can not find out why this is not working properly. I want to make a simple fading in color background on hover. It is only working in Chrome but not Firefox or IE. Any help would be greatly appreciated!</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div id="sidemenu"&gt;
          &lt;a href="#"&gt;Spiritual Ceremonies&lt;/a&gt;
              &lt;a href="#"&gt;Flower Ceremony&lt;/a&gt;
              &lt;a href="#"&gt;Ceremony Four Elements&lt;/a&gt;
              &lt;a href="#"&gt;Butterfly Ceremony&lt;/a&gt;
              &lt;a href="#"&gt;Non Denomination Ceremony&lt;/a&gt;
              &lt;a href="#"&gt;Mayan Wedding Ceremony&lt;/a&gt;
              &lt;a href="#" id="no"&gt;Civil Mexican Ceremony&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JQUERY:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../js/jquery.animate-colors.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $("#sidemenu&gt;a").hover(function() {
          $(this).animate({backgroundColor: "#943939",color: "#fff"}, 150 )}
          ,function() {
          $(this).animate({backgroundColor: "#dcacbb",color: "#8e5769"}, 150 );
          });             
  &lt;/script&gt;
  </code></pre>