مشکل در کد css مربوط به طراحی منو آبشاری
سلام .
من به قالبم یه کلاس ماژول دادم با عنوان 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 معمولی درست کار میکنه ...
ممنون میشم مشکل کارم بگید کجاست ؟؟؟؟