title: Trying to use IE=edge X-UA-Compatible in an iframe on a page using IE=EmulateIE7
body: <p>I have a page that's going to be included in an iframe on a page where they use the following:</p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/&gt;
  </code></pre>
  
  <p>and ideally I'd like to render my page in using the latest standards mode available to the browser the user is using.  Is this possible?</p>
  
  <p>I've tried including </p>
  
  <pre><code>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"/&gt;
  </code></pre>
  
  <p>on my page, as well as altering my webapp to include the 'X-UA-Compatible' HTTP header with value of 'IE=edge', but I can't seem to get it to do what I want.</p>
  
  <p>The odd thing is, is that if for instance I have two pages, the first containing the iframe and the other being what's displayed in the iframe, like so:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/&gt;
      &lt;script&gt;
          console.log("Page document mode: "+document.documentMode);
      &lt;/script&gt; 
  &lt;/head&gt;  
  &lt;body&gt;
  &lt;iframe src="iframepage.html" /&gt; 
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;script&gt;
          console.log("Iframe document mode: "+document.documentMode);
      &lt;/script&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The output is the rather unexpected</p>
  
  <pre><code>Page document mode: 7
  Iframe document mode: 8
  </code></pre>
  
  <p>Where has the document mode 8 come from? And how do I make the iframe document into 9 or above??</p>
  
  <p>I'd be eternally grateful if someone can point me in the right direction!!
  thanks,
  Nick</p>