title: Max-height not working in Internet Explorer
body: <p>I'm having problem to make <code>max-height: 100%</code> works in IE 10, (IE 9 too).</p>
  
  <p>I found several Questions here in StackOverflow but none of them apply to my case. (A lot is dealing with fixed sized wrappers).</p>
  
  <p>I'm showing an image in a modal dinamically.<br>
  I want to limit max-size to don't overflow visible window area.<br>
  So, I don't have any <code>height: xxxpx</code> because I don't want small images be stretched.<br>
  I won't also set wrapper div to <code>height: 100%</code> because I want that it adjusts to image size.<br></p>
  
  <p>Here is a small demostration of the problem:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  ...
  &lt;div id="thumbnail-container"&gt;
      &lt;img src="http://www.universetoday.com/wp-content/uploads/2008/09/sun_stereo_4dec2006_lrg.jpg"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#thumbnail-container img {
      max-height: 100%;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/andretf/8q634/" rel="nofollow">Demo in fiddle</a></p>
  
  <p>It works in Chrome, but it does not work in IE. <code>max-width</code> works fine.</p>
  
  <p>How can I make this work, without using Javascript?</p>