title: Chrome is stretching the height of my max-width image
body: <p>I'm having trouble with setting the max-width of my images in a CMS I'm using. In Chrome (untested in other browsers yet), setting a max-width stretches the height of the image I insert -  see here: <a href="http://www.literarykitchen.co.uk/events/testspace/" rel="noreferrer">http://www.literarykitchen.co.uk/events/testspace/</a></p>
  
  <p>This is the code I'm using:</p>
  
  <pre><code>#content .pagebanner img { max-width:490px; }
  </code></pre>
  
  <p>Is there any reason why it's stretching like that? I thought maxwidth meant images scale in proportion?</p>
  
  <p>Thanks</p>
  
  <p>Osu</p>