مشکل در کد css مربوط به طراحی منو آبشاری

[m3hdi.t]

سلام .
من به قالبم یه کلاس ماژول دادم با عنوان Services_ برای طراحی منوی آبشاری در سایتم .

مشکلی که دارم در این کد اینه که ::

#services {
    margin-top:10px;
    width:176px;
    height:auto;
    background:#fff;
    border-top:4px solid #9a9a9a;
    border-bottom:2px solid #9a9a9a;
    box-shadow: 2px 2px 2px #d1d1d1;
    direction:rtl;
    z-index:1000px;    
    -moz-box-shadow: 2px 2px 2px #d1d1d1;/* Old Firefox */
    -webkit-box-shadow: 2px 2px 2px #d1d1d1;/* Old Chorome */
    -o-box-shadow: 2px 2px 2px #d1d1d1;/* Old OPERA */
    -ms-box-shadow: 2px 2px 2px #d1d1d1;/* Old IE */    
}

#services .menu_services ul{
    margin:0px;
    padding:0px;
    *border-top:1px #333 solid;/*IE 7*/
}

ul.menu_services {
    background-color:#333;
}

.menu_services li {
    list-style:none;
}
ul.menu_services li {
    border-bottom:#fff solid 1px;
}
.menu_services a {
    color:#fff;
    display:block;    
    height:25px;
    line-height:25px;
    text-decoration:none;
    width:100%;    
}

.menu_services a:hover{
    _background-color:#39C;/*IE 6*/
    _display:block;/*IE 6*/     
}
.menu_services li:hover {
    background-color:#39C;
    position:relative;
}

تا این قسمت که کدم رو وارد میکنم درست عمل میکنه ...

اما زمانی که ادامه کد زیر رو وارد میکنم دیگه هیچ گزینه ای از منو بهم نمایش نمیده . .. .

ul.menu_services {
    display:none; 
}
li:hover .menu_services {
    background-color:#666;
    border:#fff solid 1px;
    display:block;
    position:absolute;
    right:150px;
    top:0px;
}
ul.menu_services li {
    border:none;
    float:right;
    width:150px;
    *background-color:#666;/*IE 7*/    
}
#services.menu_services {
    background-color:#666;
}
#services .menu_services .menu_services {
    background-color:#666;
}
li:hover .menu_services .menu_services {
    display:none;
}
.menu_services li:hover .menu_services {
    display:block;
    *left:0px;/*IE 7*/
}

مشکل اساسیش هم با کد خط اول هستش . . . قابل ذکر که بگم این کد در حالت عادی HTML معمولی درست کار میکنه ...

ممنون میشم مشکل کارم بگید کجاست ؟؟؟؟

[shmata]

اگر منظورتون اینه که به ماژول تون کلاس suffix باید علامت # از service حذف کنید و عبارت service به کلاسی که اون ماژول از آن استفاده میکند اضافه کنید مثلا
moduletable_service.
به این صورت استایل میگیره.

[m3hdi.t]

راستش آقا شهاب من طبق این آموزشی که در یه سایت دیگه بود " لینک به سایت " یک منو ایجاد کردم به نام خدمات شرکت | بعدش رفتم به قسمت مدیریت ماژول ها و اون منو را انتخاب کردم . و از قسمت " گزینه های پیشرفته " در قسمت " پسوند کلاس ماژول " یه پسوند با عنوان " services_ " قرار دادم . وقتی رو قالب سایتم راست کلیک کردم و open sorce زدم اون خاصیت مربوطه رو دیدم " <ul class="menu_services"> " بعدش هم طبق روال کد زنی معمولیم شروع به کد زدن کردم تا به اون قسمت مربوطه رسیدم { منظور همون جایی که کد خراب میشه " } " اما من از این moduletable_service. متوجه منظورتون نشدم . الان کلاس من رو به UL داده و نه به moduletable.

[shmata]

شما باید از menu_services. استفاده کنید تا منوتون استایل بگیره .

[m3hdi.t]

منظورتون اینکه در این قسمت ماژول باید بنویسم " _services " اول خط تیره و بعدش ما بقی کلاس ؟؟؟
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

[shmata]

منظورتون اینکه در این قسمت ماژول باید بنویسم " _services " اول خط تیره و بعدش ما بقی کلاس ؟؟؟
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

شما باید در فایل css تون به menu_services. استایل بدید.
اگر آدرس سایت تونو بدید بهتر میتونم کمک تون کنم.