title: IE8 non-compatibility mode, image with max-width and height:auto
body: <p>I have an image with this markup</p>
  
  <pre><code>&lt;img src="wedding_00.jpg" width="900" height="600" /&gt;
  </code></pre>
  
  <p>And I am using CSS to downsize it to 600px width, like so:</p>
  
  <pre><code>img {
      max-width:600px;
      height:auto;
  }
  </code></pre>
  
  <p>Can anyone explain why this method works in Compatibility mode, but not in standard mode? Is there a way I can modify my CSS so that it will work in standard mode?</p>
  
  <p>I realize that if I strip out the </p>
  
  <pre><code>width="900" height="600"
  </code></pre>
  
  <p>that it solves the problem, but that is not an option I have.</p>