title: IE 9 is not rendering images with Raphael JS library
body: <p>I am making a Raphael JS animation, and for some reason, I cannot get images to render in internet explorer 9. here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=9" /&gt;
      &lt;link type="text/css" rel="stylesheet" href="css/main.css" /&gt;
      &lt;script type="text/javascript" src="scripts/raphael-min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="scripts/jquery-1.7.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          var layer0 = Raphael("layer0", 980, 650);
          var bg = layer0.image("images/landscape_background.jpg", 0, 0, aniWidth, aniHeight);
      });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="layer" id="layer0"&gt;
      &lt;/div&gt;
      &lt;div class="layer" id="layer1"&gt;
      &lt;/div&gt;
      &lt;div class="layer" id="layer2"&gt;
      &lt;/div&gt;
      &lt;div class="layer" id="layer3"&gt;
      &lt;/div&gt;
      &lt;div class="layer" id="layer4"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>It works fine in chrome and firefox, just not ie 9.</p>