title: Fit iframe content within div with percentage
body: <p>So i'm trying to scale the content of an iframe to fit the width and height of an div. The div wrap has width 60% within another div with width 100%, NOT shown below. </p>
  
  <p>I would like to get the iframe to take up the 60% with 100% inside. All heights are 100% for all divs. Please can someone help me!? Im using the
  scale css property for each browser.</p>
  
  <pre><code>         &lt;div class="iframe-wrap"&gt;
                 &lt;iframe class="iframe" frameborder="0"&gt;&lt;/iframe&gt;
           &lt;/div&gt;   
  </code></pre>
  
  <p>Not sure, but some css3 like this?</p>
  
  <pre><code>        zoom: 0.75;
         -moz-transform: scale(0.75);
         -moz-transform-origin: 0 0;
         -o-transform: scale(0.75);
         -o-transform-origin: 0 0;
         -webkit-transform: scale(0.75);
         -webkit-transform-origin: 0 0;
  </code></pre>
  
  <p>Thanks!!</p>