کمک در کدنویسی منو

[aliakbar132 10]

سلام من یک کد برای منو نوشتم مشکلم اینجاست که می خواهم زیر منو های من وقتی ماوس روی آن گزینه میره به صورت خودکار زیرمنو ها نمایش داده بشه الان در کد زیر اگر روی گزینه کلیک کنم زیر منو ها نمایش داده میشه که من نمیخوام اینجور باشه می خوام خودکار نمایش داده بشه

لطفا کمک کنید

#topmenu{
position: absolute;
height: 35px;
width: 1100px;
background-image: url(../images/menu.png);
margin-top: -4px;
text-align: right;
font-size: 12px;
}
ul.menu {
list-style: none;
padding: 0;
font-family:Tahoma;
font-size: 12px;
line-height: 10px;
}

/* Clears all floated List Items */
ul.menu:after {
content: "";
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

/* First Level List Items Style */
ul.menu li {
float: right;
margin: 0 10px 0 0;
position: relative;


}

/* First List Item in First Level Style */
ul.menu li:first-child {
margin: 0;
}

/* List Items Links Style */
ul.menu li a, ul.menu li a:link {
color: #fff;
text-decoration: none;
display: block;
padding: 0px 10px;

/* Text Shadow */
text-shadow: 0 1px 0 #4b433e;

/* Gradient Background */
/* Old browsers */


/* Border Radius */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

/* Box Shadows */


/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

.separator {
cursor: pointer;
color: #fff;
text-decoration: none;
display: block;
padding: 10px 26px;

/* Text Shadow */
text-shadow: 0 1px 0 #4b433e;

/* Gradient Background */
/* Old browsers */


/* Border Radius */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

/* Box Shadows */
-webkit-box-shadow: inset 0 1px 0 #564b46,
0 1px 1px #181514;
-moz-box-shadow: inset 0 1px 0 #564b46,
0 1px 1px #181514;
box-shadow: inset 0 1px 0 #564b46,
0 1px 1px #181514;

/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

/* List Items Links Hover State Style */
ul.menu li a:hover {
color: #999999;
background-color: transparent;
/* Text Shadow */
text-shadow: 0 1px 1px #000;

/* Gradient Background */
/* Old browsers */

/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;

}

/* List Items Links Active and Selected State Style */
ul.menu li a.selected, ul.menu li a:active {
color: #73635e;


/* Text Shadow */
text-shadow: 0 1px 1px #000;

/* Box Shadows */
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6),
0 1px 0 #5e524f;
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6),
0 1px 0 #5e524f;
box-shadow: inset 0 2px 4px rgba(0,0,0,0.6),
0 1px 0 #5e524f;

/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

/* Sub Menu Unordered List Second Level Style */
ul.menu li ul {
display: none;
}

/* Before Second Level Unordered List Style */
ul.menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 1500;

top: -10px;
height: 10px;
width: 100%;
direction: ltr;
}

/* Sub Menu Unordered List Second Level Style
When Parent List Item is Hovered */
ul.menu li:hover ul {
position: absolute;
display: block;
z-index: 1000;
right: 0;
top: 22px;
text-align: center;
padding: 5px 0;
list-style: none;
background-image : url(../images/menu.png);

/* Box Shadows */


/* Border Radius */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* Second Level Menu List Items Style */
ul.menu li ul li {
float: none;
margin: 0 10px;
border-bottom: 1px solid white;
border-top: 1px solid #3a3230;
direction: ltr;
}

/* First List Item in Second Level Menu Style */
ul.menu li ul li:first-child {
margin: 0 10px;
border-top: 0 none;
}

/* Last List Item in Second Level Menu Style */
ul.menu li ul li:last-child {
border-bottom: 0 none;
}

ul.menu li ul li a, ul.menu li ul li a:link {
color: #FFFFFF;
direction: ltr;
display: block;
background: transparent none;
padding: 10px;
white-space: nowrap;

/* Text Shadow */


text-align: center;

/* Border Radius */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

/* Second Level List Items Links Hover State Style */
ul.menu li ul li a:hover {
color: #FFFFFF;
background-color: #0033FF;

}

[mmfallah 67]

از مدیریت ماژول منو نمایش زیر منو را بر رو بله قرار بدید مشکلتون حل میشه