title: jQuery animate to change background color (not working in Chrome)
body: <p>I have a simple horizontal menu. All I want is for the background of the li a I am hovering over to animate from white to gray. All is working well in Firefox and IE, but not in Chrome. What could the reason be?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $("#nav ul li a").hover(function() {
          $(this).stop().animate({ backgroundColor: '#E5E5E5' }, 500);
      },function(){
            $(this).stop().animate({backgroundColor: '#FFF' }, 500);
       })
  })
  &lt;/script&gt;
  </code></pre>
  
  <p>and the HTML:</p>
  
  <pre><code>&lt;div id="nav"&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Estimator&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Products &amp; Services&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;&lt;!--end of nav div--&gt;
  </code></pre>
  
  <p>I know this is REALLY simple stuff, I've done it many times before. But like I said, it doesn't work in Chrome.</p>
  
  <p>FIXED:</p>
  
  <p>I just changed plugins. As I said, it's been a while since I've done anything with jQuery. Completely forgot about jQuery UI. Thanks everyone!</p>