title: Iframe without border and scroll in popup
body: <p>I have a requirement to display a iframe in new popup window such that the iFrame should look like a normal content of the child page instead of iframe.
  Here is the code I am using.</p>
  
  <pre><code>&lt;html&gt;
  .
  .
  &lt;a class="link" href="javascript:popup();"&gt;show popup&lt;/a&gt;
  .
  .
  &lt;/html&gt;
  </code></pre>
  
  <p>By Clicking the show popup, I am calling the javascript function there I am doing the window open.
  code is:</p>
  
  <pre><code>window.open('../jsp/popupPage.jsp','targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=1050,height=2000
  </code></pre>
  
  <p>And popupPage.jsp Contains the following content:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Cancellation Policy&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;span&gt;Blah Blah&lt;/span&gt;
  &lt;br /&gt;&lt;br /&gt;
  &lt;iframe src="http://google.co.in" &gt;&lt;/iframe&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now the problem is iframe is displaying with border and scroll it doesn't looks good.
  I want something like iframe content should look like a content of normal page along with Blah Blah
  (iframe content)</p>
  
  <p>I have used seamless property of HTML5 but that works only with chrome browser.
  And one more point to note here is I can't use overflow="no" as I am not sure about the width and height of the iframe page coming from 3rd site.</p>