Wrong rendering of the Year time slider in IE

[fabio2111]

I have noticed that in Internet Explorer 9 the new Year slider is not rendering as expected. In Chrome it is rendered correctly

[tdipisa]

In my local environment (and testing also with 'IE Developer Tools' and 'IETester') it seems an issue related to IE7 not IE9. In IE 9 works fine for me, maybe you have some compatibility settings in your IE installation that internally switch to IE7?

[fabio2111]

Sorry Tobia, but I don't see any compatibility settings that may interfere with the expected rendering. Could you please provide more info about how to check the compatibility setting? Attached is a screenshot of my current view setting in IE9.

[fabio2111]

Further to my previous message, I have found the following message when inspecting the IE9 console (see the left panel, first message). Maybe this is the issue?

[tdipisa]

Yes, it's just what I meant. The HTML1203 means that the network administrator has specified that the webpage be run in Compatibility View.

[tdipisa]

Hi Fabio, do you need now a specific fix for IE 7 in order to resolve this problem or maybe this can be made for the next development iteration?

[fabio2111]

I think it is important to have the fix now as most of my colleagues, when using FAO workstations, use IE with the compatibility view enforced by corporate rule.

[tdipisa]

I've fixed this behavior introducing the X-UA-Compatible meta tag inside the HTML. Checking with Fabio this seems to solve the problem. In any case seems that probably you see a ginned text for the year label (this occurs only for some characters in IE). This behavior depends by some IE rendering issues generating the shadows. So if you do not appreciate the actual style, the only solution is to change it (for this element) without using shadows I think.