We all know IE9 was finally released not to long ago. It was a massive improvement in Design/Function/Compatibility. I was almost impressed tell I saw the long lists of features most other browsers support that IE9 failed to get support for. Most notable to me is CSS3 support. Due to the fact that I dabble in webpage design this is a major mistake to me. This very page uses a small faction of CSS3, but yet IE9 doesn't support it.

Example 1 is a cropped screen shot of my main page. Notice the title, text and links. They all have a shadow around them to make them visible on light and dark backgrounds. Thus enabling me to use any backgrounds I want instead of being a completely dark page or a brighter page. This is a product of CSS3's "text-shadow:" ability.

Example 1
Example 2

Now Example 2 is a cropped screenshot of IE9's view of my page. Notice the Title had to be converted to a single color to show on the light/dark background of that DIV, and it is slightly harder to read because of it. All the text is missing its shadow because IE9 doesn't support "text-shadow:" at all. The links were also converted to a single color because without the outline they were not visible on IE9 till you mouse overed them. Once again because IE9 wasen't supporting CSS3.

I looked up what IE9 supported and was amazed how much of CSS3 it did not support. Because of that lack of support although IE9 was just released not to long again Microsoft is already announced IE10. I well admit IE9 was a huge improvement over its older horrible versions, but I well never make a page fully compatible with IE just because they can't keep up. I dont know why I decided to make a workaround for IE this time, maybe it was because the page was basically unviewable on IE compared to Firefox or Opera.

Sources:
http://msdn.microsoft.com/en-us/library/cc351024%28v=vs.85%29.aspx
http://www.css3.info/internet-explorer-10-debuts-at-mix-2011/