Wrong CSS Menu Behavior

[ballouta]

Hello

I edited an English template from LTR to RTL

I did my best to make the menu works fine, but every titles shows the drop-down menu in a different place, sometimes centered under the title. sometimes more to right or left.

can you help PLZ

#nav li ul{
   clear: right;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 26px;
   margin-left: -40px; //an edited number by ballouta
   _margin-top: 0; /* IE6 Hack */
   border: 1px solid #253a44;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
   padding:0;
   direction:rtl;
}

 

Many thanks