title: Image is displaying pixelated in IE
body: <p>I am displaying a .Jpg Image in my Website. Image Looks Good in Firefox , Chrome but in IE it looks Pixelated. I am using IE9.</p>
  
  <p>my Code:</p>
  
  <pre><code>&lt;img src="../TestApp/images/Pic.jpg" border="0" Style="width:770px;height:auto;margin:0px;padding:0px; -ms-interpolation-mode: bicubic;"  /&gt;      
  </code></pre>
  
  <p>I tried  -ms-interpolation-mode: bicubic; That Did not work <strong>Since it is obsolete</strong></p>
  
  <p>I tried -ms-interpolation-mode:nearest-neighbor; </p>
  
  <p>I tried </p>
  
  <pre><code>&lt;div class="column"&gt;
  &lt;img src="../TestApp/images/Pic.jpg" border="0" Style="width:770px;height:auto;margin:0px;padding:0px; -ms-interpolation-mode: bicubic;" class="Plate"/&gt;  
  &lt;/div&gt;  
  
  
  .column {
  float:left;
  display:inline; /* prevent IE margin doubling */
  width:360px;
  padding-top:1em;
  margin-right:60px;
  text-align:left;
  }
  
  .plate {
  display:block;
  margin:0 auto 0.5em;
  }
  </code></pre>
  
  <p>That Didn't work. How can I fix this issue?</p>