مشکل در دراپ داون css

[arashk_rp2]

سلام کد زیر مخصوص دو منوی drop down می باشد. اما من هر کاریشون کردم کرکره رو نتونستم به سمت چپ متمایل کنیم یعنی وقتی با موس روی منو می ریم بعد کرکره پایین میاد به سمت راست پایین میاد میشه کمکم کنید بگین چطوری میتونم این رو به حالت فارسیش در بیارم
ممنون منو رو می تونید در سایت www.charisma.ir مشاهده کنید.


/* Page Nav */

#nav, #nav ul {
text-align:right;
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
z-index: 100;
}

#nav a {
display: block;
line-height: 27px;
padding: 0 10px;
z-index: 100;
}

#nav li {
float:right;
background: url(images/bg_separator.gif) no-repeat right 10px;
}

/* Style drop down list */

#nav li ul {
float:right;
position: absolute;
width: 203px;
display:none;
right: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
right: auto;display:block;
}

#nav li ul li a {
background: url(images/bg_page_navi_item.gif) repeat-x;
line-height: 25px;
font-size: 12px;
color: #E0DFE3;
width: 120px;
}

#nav li ul li a {
border-right: #2A2A2A 1px solid;
}

#nav li ul ul {
margin: -35px 0 0 204px;
}

#nav li ul ul li a {
line-height: 36px;
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
right: auto;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {
position: static;
}

/* Second Menu */

#secnav, #secnav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#secnav a {
display: block;
line-height: 58px;
padding: 0 20px 0 20px;
line-height: 16px;
padding:14px 10px 11px;text-align:center;
color: #212121;
}

#secnav li:hover, #secnav li.sfhover1 {
background: url(images/bg_cat_navi_hover.gif) repeat-x;
cursor: pointer;
}

#secnav li:hover span, #secnav li.sfhover1 span {
color: #fff;
}

#secnav li {
float:right;
font-size: 15px;font-family:arial;
font-weight: bold;
}

/* Style drop down list */

#secnav li ul {
position: absolute;
width: 1em;
width: 188px;
left: -999em;
z-index: 10;
border: 1px solid #e6e6e6;
border-width:0px 1px 1px;
}

#secnav li li {
font-weight: normal;
}

#secnav li:hover ul, #secnav li.sfhover1 ul {
left: auto;
}

#secnav li ul li a {
background: url(images/bg_cat_navi_item.gif) repeat-x;
line-height: 34px;
color: #565656;
font-size: 12px;
width: 148px;
padding: 0 20px;
}

#secnav li ul li a {
}

#secnav li ul li a:hover {
background: #D4D4D3;
}

#secnav li ul ul {
margin: -35px 0 0 188px;
border-width:1px;
}

#secnav li:hover ul ul, #secnav li.sfhover1 ul ul {
left: -999em;
}

#secnav li:hover ul, #secnav li li:hover ul, #secnav li.sfhover1 ul, #secnav li li.sfhover1 ul {
left: auto;
}

/* IE7 Fix */

#secnav li:hover, #secnav li.hover {
position: static;
}

[xoogle.ir]

توی آیتم های مختلف فایل CSS این دستور رو بذار و امتحان کن تا درست بشه

float:right;
قطعا مشکلت حل میشه فقط باید حوصله داشته باشی تست کنی