title: IE8, iframes and unnecessary scrollbars
body: <p>For a piece of development I am doing, I need to dynamically create an Iframe with some dynamic content in it (typically an image – the image source is dynamic but the dimensions are fixed). I don’t need any scrollbars to appear on the iframe, and this is what I have done</p>
  
  <pre><code>&lt;iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html"&gt;
  &lt;/iframe&gt;
  
  //content.html
  &lt;body&gt;
      &lt;div style="height: 100%; width: 100%; overflow: hidden"&gt;
          &lt;img id="imgDiv" src="" style="height: 100%; width: 100%; "&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I have also tried “overflow : hidden” on the iframe but observed similar behavior.</p>
  
  <p>This works all right in FF / Chrome / Safari but not in IE8!</p>
  
  <p>Apparently IE reserves some space for scroll bars even after specifying that the scrollbars are not needed? An empty space is rendered on the right hand side making it look like the image is not centre aligned.. It looks really ugly in an iframe as small as the one I need here..</p>
  
  <p>Is there any way around this behavior?</p>