CSS Filter is stopped by background

OK let's say I have this

.test {
filter:DropShadow(Color=#开发者_开发技巧000000, OffX=1, OffY=1);
}

Yes, it works fine. The text-shadow appears in Internet Explorer. However... if I add a background for color like so:

    .test {
    filter:DropShadow(Color=#000000, OffX=1, OffY=1);
    background:#ffffff;
}

Can you guess what happens? The filter goes way! However, if I ,once again, remove the background property... the filter (text-shadow) comes back!

Help?

Have you tried placing the background attribute before the filter?

.test {
    background:#000000;
    filter:DropShadow(Color=#000000, OffX=1, OffY=1);
}

ROFL, just realized your background and dropshadow colors are the same. Could it just be that you can't tell it's showing up??

If not you might want to try this.

.test {
    background:#000000;
    filter:DropShadow(Color=#000000, OffX=1, OffY=1) !important;
}