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 prevent this plugin from popping up from behind the content area?

    How to retain CSS transform scale on checked state

    How to keep nav bar from shifting elements to next line when zooming in?

    How can I use ellipses in a fluid width table without making each column the same size?

    How to exclude the container from this javascript code?

    CSS: How to get thumbnails into a horizontal line?

    how do i get images to display in a rows like this using php and css?

    How to get page content to stretch and stick footer to bottom of page?

    I can't figure out how to stop the margin-top from making my child div overflow its parent

    How to get the root directory of wordpress in css

    Show an image from b&w to color as if it were loading (left to right)

    How to test a CSS parser?

    How to insert database values into the template stylesheet?

    how to CSS center a div, which is the child of a form element?

    How can mono social icon work without a class per icon?

    How do you stop a single-page site from automatically scrolling when resizing the browser?

    How to keep background image on css gradient

    How to create a faded background image?

    How to reference a Div after each h3

    How to insert several images into HTML/CSS quickly? [closed]

    How to give equal width for all the fields in the form with validations?

    How to check if an element matches the :empty pseudo-class in pure JS?

    How to fix this css to conform to all browsers?

    How to apply css logic [duplicate]

    How to center div the whole screen page using css

    How CSS Positions work, why absolute elements stack up on each other instead of stacking one after other

    How to overwrite css style in a specific page?

    How to Centre a Page Layout With HTML/CSS?

    How can I vertically align this navigation bar?

    How to add missing browser-specific css declaration properties and prefixes to epub [closed]