Looking for a way to disable special handling of CSS on IE8 over an RDP connection?

Question

I'm currently working on a website, and when I test the website locally, everything looks fine, but when I test the website over an RDP connection to the same machine the styles handling is all jacked around. The fonts are all fixed height, the browser settings haven't changed, I just refreshed the page after I reconnected over RDP.

Here's what it looks like Locally:

Here's what it looks like over RDP

(to the same machine, same browser, same session, just refreshed):

Is there some sort of HTML metadata I can add that will prevent this behavior?

This isn't the only example, this is a site-wide issue. I can, of course, go through and try to shoehorn everything to work a little better over an RDP connection, in most instances, I'm just hoping there's a less time-consuming fix.

Answer 1

Added the tag:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

To my in my HTML. This forced IE to use the latest version of IE standards. (in this case IE8)... without that it was reverting to IE7 Standards mode for some reason.

Thank you to MvanGeest for pointing me in the right direction.

The fact it looked messed up in IE7 Standards mode does mean I'll have to revisit my CSS and put in some fixes, but the above solved the issue at least for IE8 browsers.

Strange that only over RDP was it defaulting the mode to IE7 Standards mode.