title: iframe inside div cut off content
body: <p>i have an iframe inside a div. the thing is, the iframe have an expanding menu (expands vertically) inside it. so, the height of the iframe will be dynamic, depending on what item is expanded. when i expand it, it will cut off and not show. below is the code for the div and the iframe. </p>
  
  <pre><code> &lt;div class="camera"&gt;
  &lt;iframe name="ifra" id="ifra"  title ="iframe" src="pages/whitef.html" frameBorder=0 scrolling="no"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is the css for both item.</p>
  
  <pre><code>iframe#ifra{
  position: relative;
  width: 810px;
  min-height: 750px;
  height:100%;
  margin-top: -40px;
  z-index: 1;
  border:none;
  overflow:hidden;
  }
  .camera {
  height: 100%;
  }
  </code></pre>
  
  <p>what i want to achieve is that the iframe will expand according to the expanded menu and also not being cut off. </p>