Follow button - Filter issue with IE7 and IE8


#1

Hi,
I discover an issue with IE (7 & 8) filters.
I have a content div which contains the twitter follow button:

<div class="content">
[...]
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=twitterapi" style="width:300px; height:20px;"></iframe>
[...]
</div>

In my stylesheet, I have the following rules on my class “content” (for IE7 and IE8):

.content {
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#d4d5de, Strength=1, Direction=0),
            progid:DXImageTransform.Microsoft.Shadow(Color=#d4d5de, Strength=1, Direction=90),
            progid:DXImageTransform.Microsoft.Shadow(Color=#d4d5de, Strength=1, Direction=180),
            progid:DXImageTransform.Microsoft.Shadow(Color=#d4d5de, Strength=1, Direction=270);
}

The result is that I can barely see the text of the button.
I also tried with a link (Follow @twitterapi ) but it doesn’t work better…
I tried to reset or cancel the filters but nothing worked…

I hope someone has a solution.
Thanks,

Nicolas


#2