Cannot use in conjunction with IE Shadow filter

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Include the behavior on a div.
2. Include a filter [e.g. filter:
progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, strength=5,
direction=45); ]

What is the expected output? What do you see instead?

Expected to see an element with a drop shadow and rounded corners.

Instead see the shadow applied to the text, not the element.

What version of the product are you using? On what operating system?
IE7-8 on XP. Reproducable on Vista.

Please provide any additional information below.

Saw similar when used in conjunction with the DropShadow filter.

Attaching an HTML file with all CSS rules in there. Can check in Firefox
for the desired results. Remove the behavior and you'll see it is basically
the same, excluding the lack of rounded corners.

Original issue reported on code.google.com by powrs...@gmail.com on 3 Feb 2010 at 2:09

Attachments:

• index.html

[GoogleCodeExporter]

there is a problem not only with shadow filter, but with other filters as well. 
i've tried to add filter: progid:DXImageTransform.Microsoft.gradient, and 
instead of nice rounded corners i got ugly, black, rounded box width broken 
dimensions.

Original comment by wujek.bo...@gmail.com on 14 Mar 2011 at 3:38

[GoogleCodeExporter]

I see the same issue.

To the .box3 css that come with the sample, adding the filter below does not 
show the rounded corners but a square/rectangle box with the specified 
gradient. 

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e4e4e4',endColorstr='#aaaaaa');

Anybody found a workaround to fix this issue.

Original comment by itsmepr...@gmail.com on 14 Oct 2011 at 2:36