title: Height: Auto in Internet Explorer 8 and below
body: <p>Moving towards responsive design, I'm using %s for images, e.g.:</p>
  
  <pre><code>#example img {
      width: 100%;
      height: auto;
      max-width: 690px; // Width of the image uploaded.
  }
  </code></pre>
  
  <p>This works great, except in Internet Explorer 8 and below. Is this due to <code>height: auto</code> being part of CSS3, which is only supported by IE9 onwards?</p>
  
  <p>And the most important part... any suggestions on a way around this problem? The only thing I can think of so far is to give it a max-height.</p>
  
  <p>Thanks</p>