title: Proportional image scale-works in Firefox and Chrome but NOT in Safari
body: <p>Any CSS experts have a clue why this works fine in Firefox and latest Chrome, but NOT in Safari??
  In Safari, as I reduce the width of the browser, the image scales horizontally, but not vertically and becomes 'squished'.</p>
  
  <pre><code>width: 100%;
  max-width: 560px;
  height: 100%;
  max-height: 490px;
  </code></pre>