title: How to fit image height to a modal div
body: <p>I have a simple problem, but unable to resolve it. I have searched the web and read tons of different things but did not find the case of a modal window nor works in my case.</p>
  
  <p>I've done a REALLY light lightbox to open an image + some others elements
  I want the image to fit the modal and adjust his width/height and keep proportions.</p>
  
  <p>Maybe I'm a little bit lost with all my</p>
  
  <pre><code>height:100%
  </code></pre>
  
  <p>Here is the Fiddle : <a href="http://jsfiddle.net/vrsap3hh/8/" rel="nofollow">http://jsfiddle.net/vrsap3hh/8/</a></p>
  
  <p>An idea? </p>
  
  <p>Thanks &amp; Regards.</p>
  
  <p>EDIT : Here are 2 screenshots
  What I have : <a href="http://hpics.li/5c32814" rel="nofollow">http://hpics.li/5c32814</a>
  What I want : <a href="http://hpics.li/0ba4e07" rel="nofollow">http://hpics.li/0ba4e07</a></p>
  
  <p>And the image could be any size, portrait or landscape. </p>