title: IE9 Web Page Being Rendered Differently After Moving onto Production Server
body: <p>I've just moved my web application onto the production server, which I access via a 192.168.<strong><em>.</em></strong> scheme, after being on a development server which was accessed with a hostname. My page is now being rendered differently even after using a <code>X-US-Compatible: IE=Edge</code> HTTP header as in <a href="https://stackoverflow.com/questions/1867383/css-renders-differently-on-web-server-than-on-development-environment">this question</a>.</p>
  
  <p>Here are the response headers from the development server:</p>
  
  <pre><code>Response    HTTP/1.1 200 OK
  Cache-Control   no-store, no-cache, must-revalidate, post-check=0, pre-check=0
  Pragma  no-cache
  Content-Type    text/html
  Expires Thu, 19 Nov 1981 08:52:00 GMT
  Server  Microsoft-IIS/7.5
  X-Powered-By    PHP/5.4.24
  X-Powered-By    ASP.NET
  Date    Fri, 28 Aug 2015 15:04:50 GMT
  Content-Length  68973
  </code></pre>
  
  <p>And the response headers from the production server:</p>
  
  <pre><code>Response    HTTP/1.1 200 OK
  Cache-Control   no-store, no-cache, must-revalidate, post-check=0, pre-check=0
  Pragma  no-cache
  Content-Type    text/html; charset=UTF-8
  Expires Thu, 19 Nov 1981 08:52:00 GMT
  Server  Microsoft-IIS/8.5
  X-Powered-By    PHP/5.6.0
  X-Powered-By    ASP.NET
  X-UA-Compatible IE=Edge
  Date    Fri, 28 Aug 2015 15:04:40 GMT
  Content-Length  68973
  </code></pre>
  
  <p>The fonts and text inputs on the page are being rendered bigger, and the buttons are being rendered smaller. The developer console says that both pages are being rendered in IE9 standards mode.</p>
  
  <p>Any help is very much appreciated thank you.</p>