Problem: grey shadow in CSS vertical text

I'm trying to implement bottom-to-top vertical text using CSS attributes in IE :
writing-mode: tb-rl;
filter: flipv fliph;

But I have encountered the following: the text is displayed with a grey shadow (instead of anti-alias).

It seems that the problem is caused by the "filter:flip" attribute. Does anyone have a work around? (If I write the same text without the "filter" attribute, the grey shadow disappears but my text is written top-to-bottom!)

Here's my stylesheet:

and here's the HTML:

I have also tried to use other CSS3 attributes like:
block-progression: ttb;
direction : rtl;

but they don't seem to work in IE.

Does someone know how to remove the grey shadow or know of another way to implement the bottom-to-top vertical text?

re: Problem: grey shadow in CSS vertical text

I don't really know how to help on this CSS, but you can try the HTML / CSS forum. There are lots of experts there who know much more than I know. Also, do you know that the css you are using only works in Internet Explorer and not Firefox (or other browsers)?