Submenu CSS

[ballouta]

Hi,

 

I have ltr design with CSS menu and submenu. I edited it to be rtl.

In Internet Explorer the submenu is opening exactly under the main title correctly, while it opens under the next title in firefox! and of course i can't go with my mouse over this submenu in firefoz because it disappears.

 

here where I made my modification:

 

#nav li ul{
   clear: right;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 26px;
   margin-left: -163px;
   _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;
}
*+html #nav li ul{
   margin-top: 50;
}

 

there are other CSS code:

#nav li{
   float: right;
   font-size: 14px;
   padding:0;
   list-style:none;
   margin:8px 0px 0 0;
   background:url(../images/nav_divider.gif) no-repeat right 0; 
}

#nav li a{
   float: left;
   display: block;
   height: 22px;
   padding: 4px 16px 0 16px;
   color:#537f93;
   text-decoration: none;
}
#nav li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: .9167em;
   text-transform: none;
}

#nav li ul ul{
   margin: -31px 0 0 161px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;

}