title: Internet Explorer 7/8/9 : IFRAME invisible
body: <p>I am trying to create an iframe for the following url.
  <a href="http://www.pgsoftwaresolutions.in/index.html" rel="nofollow">http://www.pgsoftwaresolutions.in/index.html</a></p>
  
  <pre><code>&lt;iframe src="http://www.pgsoftwaresolutions.in/index.html" width="255" height="210"&gt;&lt;/iframe&gt; 
  </code></pre>
  
  <p>I tried it on IE7 locally and IE 8/9 on browserstack.com
  The page loads the timer works correctly when loaded directly in the IE browser, but when in an IFRAME it becomes invisible.</p>
  
  <p>At first i thought that it might a jQuery issue or IE bug about IFRAME not triggering the document ready/load event.</p>
  
  <p>Just to test what went wrong where in the javascript i added a javascript alert() in the javascript function which replaces the numbers on the timer on a copy of the above code in
  <a href="http://www.pgsoftwaresolutions.in/debug/index.html" rel="nofollow">http://www.pgsoftwaresolutions.in/debug/index.html</a></p>
  
  <p>NOTE: To close this page after the first 7 alerts are fired. Quickly press ENTER and then CTRL + F4 to close the page.</p>
  
  <p>I tested it on IE 7. It works and a series of alerts are fired at the start and then one every second.</p>
  
  <p>Then i loaded the same page in an IFRAME and it DOES throw the alerts.</p>
  
  <pre><code>&lt;iframe src="http://www.pgsoftwaresolutions.in/debug/index.html" width="255" height="210"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>I have no clue how to debug anything related to javscript or IFRAMEs on IE7 properly as Firebug lite does not support those so any help will be appreciated.</p>