The header image displays fine in IE8 on WinXP if compatibility mode is turned on.

However, the same thing is not the case for IE8 on Win7.

Instead the logo shows with a smaller height, and hence width.


We are using Respond.js, but it seems that some media query-specific CSS rules in custom.css is being applied at desktop width, to reduce the size of .responsive .logo

I tried re-ordering the media queries in custom.css to make the desktop sized rules be applied last by IE8, but this didn’t work.

How can we fix this?