CSS problem with my website

[sithaaraa]

Hello
I am having CSS problem with my website. I am using the Divehi language as medium of instruction.
The Mozilla Firefox and opera render the font the way I want, but the IE not shown the font well (I mean not fully bidi-overrride) I used the following CSS below

css

<style type="text/css">
.cataa {
unicode-bidi: bidi-override;
padding: 6px;
text-align: right;
color: #808080;
font-family: A_Faseyha;
font-size: 14px;
color: #333333;
direction: rtl;
}
</style>

HTML code

<div class="cataa"><img src="{ROOT}img/arrow_most.gif" align="bottom" alt="arrow" /> <a href="{ROOT}{LINK}">{TITLE}</a></div>

Image 1 is the screen shot of fire fox( fire fox appear everything well)

Image 2 is the snapshot of IE.(TROUBLE)

See the blue and black outlined box of image 2.
I have written the same text in blue box as another box (black) but you see it shows differently. That is my problem. I have used unicode-bidi: bidi-override; in the CSS. First line it correctly worked. The link in the box is generated dynamically, I had applied the CSS for div class”cataa” as a whole.
But it shows badly except first line in IE. If I removed the padding:6px from the CSS in was untidy to IE even first line too.

Can you please tell me the idea for this.

Thanks