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..

    How can i enlarge wesite font-size when used with vw unit for WCAG (accessibility) propeses?

    CSS: On hover show and hide different div's at the same time? [duplicate]

    How to allow my CSS slide out element to push its neighboring content?

    How to loop through divs with no knowledge of what the user viewed and what they WANT to view

    how to use CSS clip-path in IE? [closed]

    How to have JavaScript read a value appended with CSS at a given ID

    How do I grey out the default text of a text box?

    How to Tie Events to CSS

    How to position html tag above an image and in the middle?

    How to draw a guitar string using css?

    How to calculate width of unused space for page with fixed width?

    How to place divs three in a row with css and html

    How to index star rating in google?

    How to test a CSS parser?

    bootstrap dropdown on mouse over the menu item should show edit/delete icon on right side

    How can i disable the bootstrap hover color for links

    How to do grid of div elements?

    How to make the 2nd column in a 2 column Bootstrap grid the same height as the 1st column

    How to decode base64-encoded font information?

    How to get css to work in Django [closed]

    How to make css-menu independent of the number of menu items?

    How can I center two images side-by-side with Bootstrap 3?

    How to pass array from method to property using PHP

    How can I create inline CSS in a WordPress PHP file without referencing to an external CSS file?

    how to change properties of a parent div on hover of child div

    HTML & CSS: How to create four equal size tabs that fill 100% width?

    How to make a sliding dashboard similar to [closed]

    how to center align IMG in div?

    How do I change this flipping card to rotate itself onclick?

    How do i make a div stick down from his div container?