How can I get rid of these shadows on my text in Internet Explorer?

Tags: css,internet-explorer,internet-explorer-8,shadow

Problem :

If you go to or in IE <= 8, you'll see shadows around the text. Safari, Chrome, and FireFox all render this correctly.

From looking at the CSS, can anyone tell how to make this look better in IE? IE 9 looks ok (but it doesn't get the gradients, which I'm fine with).

Edit 1: I got this template from a designer. It uses the latest in CSS magic so I'm not shocked by less than perfect IE performance here. The CSS files are here and here and here.

Thanks a lot!


Solution :

Edit #1: Remove all the "FILTER: progid:DXImageTransform.Microsoft.dropshadow(...);" attributes from your theme.css file and you are good to go.

    CSS Howto..

    JavaFX-CSS: How to “move” style of parent to a child?

    How to prevent conflicts between css rules

    How to prevent css missing when exporting some html to excel file?

    jQuery toggle slides DIV up and down, but UL content animates left to right. How can I make the content slide up and down?

    Force browsers load CSS before showing the page

    How to alternate HTML table row colors using JSP?

    How do I bind data to a CSS property without using the style attribute of the element in Dart web-ui?

    Javascript: How to highlight some numbers or text within a line or paragraph?

    CSS property padding-top only works on the first element of a list. How do I apply to all the elements?

    How can I create facebook style vertical border line (layout)? :)

    How to set image as a button in HTML & CSS?

    CSS: how can I force a long string (without any blank) to be wrapped in XUL and/or HTML

    How does this website render images?

    How to make a dropdown menu with CSS

    How to remove the space between inline-block elements?

    How to differentiate between high-res phone and desktop using css or js or anything else?

    CSS 100vw causing scrollbar to show, cant use 100% unfortunately

    How to flatten checkbox using CSS? [duplicate]

    HTML, CSS how to make width of element always to bottom of page?

    How to add new fonts in CSS for local testing

    Django + Mac osx how to use less css?

    How to get multiple bottom only borders on a circle

    How to include stylesheet file only for one div?

    How to Stop Down Arrow on Scroll Bar from going off screen on page resize with CSS

    how to remove space from html using bootstrap

    How to change css style of Kendo Combobox

    How to delete Bullets from an Unordered List using CSS?

    How to style focus on jquery ui dialog widget?

    How to make semi-transparent select2?

    how to style the html contents inside a php include file?