title: Max-width on img prevents image from shrinking
body: <p>When I add max-width to an image, it correctly prevents the image from getting wider than the specified size, however, it also prevents the image from shrinking when the browser window is less than the max-width. If I use the same style with a div, the div does get narrower. (I've used inline css for simplicity in this example.)</p>
  
  <pre><code>&lt;div style="max-width: 400px;background: red;"&gt;Div Test&lt;/div&gt;
  &lt;img alt="" src="myimage.jpg" style="max-width: 400px;"&gt;
  </code></pre>
  
  <p>In the above code, the div and img (correctly) never get larger than 400px. However, when I narrow the browser window the img remains 400px whereas the div gets narrower.</p>