title: Jquery animate() function does not work for IE
body: <p>I am using the animate function in JQuery for zoom in/zoom out functionality on an image. It works fine on all browsers except for Internet Explorer. Below are the code snippets and I am using jquery-1.2.3.min.js. </p>
  
  <p>I would highly appreciate any help with resolving this issue. Thanks in advance!</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="mapImage"&gt;
      &lt;p&gt;
         &lt;a href="#" id="zoomIn" class="in"&gt;Zoom In&lt;/a&gt; 
         &lt;a href="#" id="zoomOut" class="out"&gt;Zoom Out&lt;/a&gt;
      &lt;/p&gt;
      &lt;div class="photo"&gt;
         &lt;img alt="photo_map" id="pathwayImage" style="width:630px;height:1176px;" src="images/pathwayimage.jpg"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$('a#zoomIn').click(function() {
    $('#pathwayImage').animate({
        width:950,
        height:1773,
    }, 500, function() {
    // Animation complete.
    });
  });
  $('a#zoomOut').click(function() {
    $('#pathwayImage').animate({
        width:630,
        height:1176,
    }, 500, function() {
      // Animation complete.
    });
  });
  });
  </code></pre>