title: Rescaling iFrame content works in Chrome - NOT other browsers - any Solutions?
body: <p>Rescaling iFrame content works in Chrome, but not other browsers. Any solutions? I'd like a cross-browser solution for rescaling an iframe to place a form in.</p>
  
  <p>It doesn't rescale in IE8 and Firefox 15.0.1. It appears at 100% in these browsers, but is reduced in Chrome. Any thoughts?</p>
  
  <pre><code>&lt;iframe src="http://www.apple.com/"
  frameborder="0" noresize="noresize" scrolling="no"
  width="66%" margin: 0 auto; align= "left "seamless="seamless"style="
  -webkit-transform:scale(0.5);-moz-transform-scale(0.5);
  width: 400px; height: 400px;"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/DisEngaged/t9yhm/" rel="nofollow">http://jsfiddle.net/DisEngaged/t9yhm/</a></p>