Hi,
Below is the menu which is about four level .It is overlaping after making it four level. First it was two level which worked fine. but now itz giving me hard time. Kindly help.
/*style the main menu*/
.myMenu {
margin:0;
padding:0;
height: 34px;
width: 960px;
}
.myMenu li
{
list-style:none;
float:left;
font:12px Arial, Helvetica, sans-serif ;
height: 34px;
}
.myMenu li a:link, .myMenu li a:visited {
display:block;
text-decoration:none;
background-color:#016da3;
padding: 0.8em 2em;
margin:0;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
color:#ffffff;
height:34px;
}
.myMenu li a:hover {
background-color:#0CF;
}
/*style the sub menu*/
.myMenu li ul {
position:absolute;
visibility:hidden;
border-top:1px solid #fff;
margin:0;
padding:0;
}
.myMenu li ul li {
display:inline;
float:none;
}
.myMenu li ul li a:link, .myMenu li ul li a:visited {
background-color:#09F;
width:auto;
}
.myMenu li ul li a:hover {
background-color:#0CF;
}
ul.myMenu li.highlight{ background:#0CF;}
ul.myMenu li.highlight a{ background:#09F; cursor:default;}
1 Reply
Know the answer? Post it — somebody with the same question will find it here.
Sign in to answer this question
It is the same account you read, post and publish with — and you will come straight back to this page.
Vipin KumarPosted Jul 3, 2014, 6:46 AM