title: iframe height in % doesn't work with IE
body: <p>Title says it all, while in different browsers height: 61%; works fine it doesn't in IE, it seems like it automaticaly sets height totally ignoring my CSS. If I try setting it to pixels it works fine, but I want height to fit lower resolutions so I need to use 61% here.</p>
  
  <p>Code:</p>
  
  <pre><code>#ifrm
  {
  overflow: hidden;
  width: 70%;       /*990px*/
  height: 61%;      /*630px*/
  border-width: 0px;
  margin: 0 auto 0 auto;
  float: left;  
  }
  </code></pre>
  
  <p>Container div height is set to 100%</p>
  
  <p>This is how it looks like on Chrome:
  <img src="https://i.stack.imgur.com/18Zhe.jpg" alt="on Chrome"></p>
  
  <p>And this is how it looks like on IE:
  <img src="https://i.stack.imgur.com/1jd0Q.jpg" alt="on IE"></p>
  
  <p>I personaly hate this browser so much because it always makes a lot of trouble. Yesterday I was forced to change SVG to PNG images on my animation because IE can't handle rotation and whole thing was twisted ^^ Any ideas?</p>
  
  <p>Here's the demo:</p>
  
  <p><a href="http://klaunfizia.pl/damian/" rel="noreferrer">http://klaunfizia.pl/damian/</a></p>