Text rotation without the bold

Greetings, I am trying to rotate some text using an IE filter.  However, the text being rotated is bolding on me.  Does anyone know of another way to rotate text, or to counteract this effect to get the font weight back to normal?  Here is the HTML I am now trying:

<div style='width:20px; height: 20px; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);'>test</div>
LVL 7
mark-bAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

nmwis70Commented:
That code is working for me.

Do you have a stylsheet setup that may be performing the bolding?
mark-bAuthor Commented:
No.  This is the full HTML file:

<html>
 <body>
  <div style='width:20px; height: 20px; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);'>test</div>
    test
</body>
</html>

I put another string in to compare the two texts.  On my screen, the one being rotated is much bolder.
nmwis70Commented:
Are you overriding the standard browser font display somehow on your local computer?
OWASP: Avoiding Hacker Tricks

Learn to build secure applications from the mindset of the hacker and avoid being exploited.

mark-bAuthor Commented:
No.  IE 6 on XP Pro.   Do both of the fonts for the text look the same to you as far as font-weight goes?
nmwis70Commented:
I did this to compare:

<div style="FILTER: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); WIDTH: 20px; HEIGHT: 20px">test</div>
<div>test</div>

Now there might be the slightest bit of pixel bleed going on depending on the quality of your monitor. I actually took a screenshot of the browser output and looked at it in photoshop very closely, I even counted the pixels for each letter and it's exactly the same. Could you do something similar and verify?
mark-bAuthor Commented:
I found out how to fix it.

If I add a background color on the div it fixes the problem, as the font get anti-aliased to the background color.  If there is no background color, not only does the font not get anti-aliased, but it actually replaces the anti-aliased pixels with the font color, giving the appearance of a much heavier font.

Thanks for your time anyway!
DarthModCommented:
PAQed with points (325) refunded

DarthMod
Community Support Moderator

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.