CSS Padding with rtl direction

[marSoul]

Hi

Please help me with this :

I have created a blog with wordpress, i have created a navigation menu with list items, if you see the screenshots you will see that in IE and OPERA it looks ok, but in FF it doesn't !

The problem is that the texts are in persian language which i use rtl direction in css, but FF is acting strange with this ! it adds all the paddings to the right side of the menu !

these are css codes for navigation :

Code: Select all

#nav {
    background-image: url(images/menubg.jpg);
    width:741px;
    height:30px;
    background-repeat:no-repeat;
    margin:10px auto;
    padding:12px 0;
}
ul#nav-links li {
    direction:rtl;
    display:inline;
    list-style:none;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:18px;
    padding-left:110px;
}