title: IE9 IFrame display issue - controls not rendering until refresh
body: <p>I have a webpage that on a button click grays out the main form and pulls up a IFrame that is displayed on top. All the button click is doing is some basic javascript in order to change around a couple CSS classes in order to give us the desired result. </p>
  
  <p>This is working for every browser we have tested except for IE9 (IE6-8, FF, and Chrome). 
  What I am seeing is that the page is displayed but after it renders about three controls it stops; but if I refresh the IFrame then it works just as I would expect. </p>
  
  <p>I have done some research and found that if you add this to the parent page it should work:</p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=8" /&gt;
  </code></pre>
  
  <p>I have tried these as well...</p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge" /&gt;
  &lt;meta http-equiv="X-UA-Compatible" content="IE=9" /&gt;  
  </code></pre>
  
  <p>however that did not work for me. I have change each and very page up until there to have this tag as well, no avail. I have ran it in compatibility mode from the get go as well as ran compatibility mode on just the IFrame all of which yield the same result. </p>
  
  <p>I have tried disabling some our our javascript but to no avail either. </p>
  
  <p>I have also compared the source from the original load and the refresh and they are identical. </p>
  
  <p>i don't know what else to try so I'm fishing for some ideas.  </p>
  
  <p>Thanks!</p>
  
  <p>edit-Updated main Q with new alternatives. </p>