سمت راست آوردن زیر منو نسبت به منوی اصلی - css

سلام خدمت دوستان
بنده برای قسمت منوی های بالای قالب سایتم که به صورت آبشاری است، یک کد از اینترنت پیدا کردم و با کمی تغییرات آن را در قالب قرار دادم.
اما این کد یک مشکلی دارد و آن این است که وقتی زیرمنو باز می شود، مکان زیر منو از سمت چپ منوی اصلی باز می شود.
من میخواهم زیرمنو از ابتدای سمت راست زیرمنوی اصلی باز شود.
درضمن قالب برای وردپرس است.

این هم نمونه عکس برای متوجه شدن منظورم

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]


کد های css قسمت منو ها را هم در اینجا قرار میدم

کد:

---

.menu {
        width:1000px;
        height:38px;
        background-color:#fff;
        box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
        margin:auto;
        Border-radius:7px 7px 0px 0px;       
}
.nav {
        width:677px;
        float:right;
        margin-top:-16px;
}
.nav ul {
        padding: 0 20px;
        list-style: none;
        position: relative;
        height:38px;
        background-color:#fff;
        Border-radius:7px 7px 0px 0px;
}
.nav ul li {
        float: right;
}
.nav ul ul {
        display: none;
}
.nav ul li:hover > ul {
        display: block;
        background-color:#333;
        font-size:15px;
}
.nav ul:after {
        content: "";
        clear: both;
        display: block;
}
.nav ul li:hover {
        background: #077692;
       
}
.nav ul li:hover a {
        color: #fff;
        padding-bottom:8px;
}
.nav ul li a {
        display: block;
        padding: 25px 40px;
        text-decoration: none;
        color:#000;
        padding-top:6px;
        padding-bottom:8px;
        padding-right:8px;
        padding-left:8px;
        font-family:BYekan;
}
.nav ul ul {
        background: #eee;
        border-radius: 0px;
        padding: 0;
        position: absolute;
        top: 100%;
        right:auto;
        left:auto;
        width: 185px;
}
.nav ul ul li {
        float: none;
        border-top: 0px solid #6b727c;
        border-bottom: 0px solid #575f6a;
        position: relative;
        background: #333333;       
}
.nav ul ul li a {
        padding: 5px 5px;
        color: #fff;
}       
.nav ul ul li a:hover {
        background: #077692;
        color:#FFF;
}
.nav ul ul ul {
        display: none;
        margin: 0;
        padding: 0;
        width: 185px;
        position: absolute;
        top: 0;
        right:100%;
}

---

ممنون میشم راهنمایی کنید که چه کدی را باید تغییر یا اضافه کنم.
مرسی