title: Animate opacity doesn't work properly on IE
body: <p>I'm trying to use <code>animate()</code> to change the height and opacity of a <code>div</code>. The div has an image background in CSS. It works fine on Firefox and Safari, but when I test it in IE the background is being removed. This is my code:</p>
  
  <pre><code>if (jQuery.support.opacity) {
      jQuery('#list_box').animate({opacity: '1',height: '300px',top: newTop},{duration: 300});
  } else {
      jQuery('#list_box').animate({filter: 'alpha(opacity=100)',height: '300px',top: newTop},{duration: 300});
  }
  </code></pre>
  
  <p>How can I fix this problem?</p>