title: Scaling images in IE
body: <p>My page contains an image like in example below. Width of the image depends on browsers width and height is being changed authomaticly (something like ).</p>
  
  <p>This image looks nice after resizing in all browsers except IE (I've tested in IE7 and IE6). In IE image looks ugly. Some parts are thicker than should be and some parts are thinner. </p>
  
  <p><a href="http://img39.imageshack.us/img39/7202/88017917.png" rel="nofollow noreferrer">alt text http://img39.imageshack.us/img39/7202/88017917.png</a></p>
  
  <p>I'm almost sure that it is due to IE doesn't use smoothing. But I wonder how to solve this  unpleasent problem?</p>
  
  <hr>
  
  <p>I dont have ie7 but this code should work fine there. But how to fix it for ie6?</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;style type="text/css"&gt;
      img { -ms-interpolation-mode:bicubic; }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div style="width: 50%;"&gt;
      &lt;img src="pp.jpg" width="100%"&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/" rel="nofollow noreferrer">From flickr devs:</a></p>
  
  <blockquote>
    <p>IE 6 is a riskier proposition, but can
    show improved image resizing when the
    AlphaImageLoader CSS filter is
    applied, the same filter commonly used
    for properly displaying PNGs with
    alpha transparency. For example,
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
    (src='/path/to/image.jpg',
    sizingMethod='scale');. While there is
    no transparency to apply here, the
    resizing method applied gives a
    higher-quality result.</p>
  </blockquote>
  
  <p>I cant make it work yet, actually I haven't ever used filters. Maybe anyone can give me working code?</p>