/*=====vertical======*/
.menuVertical {
width: 185px;
}

.menuVertical ul {
list-style: none;
margin: 0;
padding: 0;
}

.menuVertical a {
font: 12px tahoma;
background: #f0f0f0;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
padding: 7px 0px 9px 0px;
margin: 0px 0px 0px 0px;
}

.menuVertical a:hover {
color: #222;
background: #dde6ef;
}

.menuVertical li {
position: relative;
}

.menuVertical ul ul ul{
position: absolute;
top: 0;
right: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div.menuVertical ul ul ul,
div.menuVertical ul ul li:hover ul ul
{display: none;}

div.menuVertical ul ul li:hover ul,
div.menuVertical ul ul ul li:hover ul
{display: block;}

/*=====horizontal======*/
.jquerycssmenu{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.jquerycssmenu ul{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style:none;
    z-index: 1000;
}

/*Top level list items*/
.jquerycssmenu ul li{
    border: 2px #515a4f solid;
    position: relative;
    display: inline;
    float: right;
    margin: 0px 0px 0px 1px;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a {
    font: 12px tahoma;
    display: block;
    background: #282d27;
    margin: 0px 0px 0px 0px;
    padding: 7px 5px 9px 5px;
    color: #ffffff;
    text-decoration: none;
}

.jquerycssmenu ul li a:link,
.jquerycssmenu ul li a:visited {
    color: #fff;
}

.jquerycssmenu ul li a:hover {
    background: #88968b;
}
    
/*1st sub level menu*/
.jquerycssmenu ul li ul{
    position: absolute;
    border: 5px #515a4f solid;
    margin: -1px -3px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
    border: 1px #515a4f solid;
    display: list-item;
    float: none;
    margin: 0px 0px 0px 0px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
    border: 5px #515a4f solid;
    margin: -5px -1px 0px 0px;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
    font: 12px tahoma;
    width: 150px;
    background: #282d27;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 7px 5px;
}

.jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/
    background: #88968b;
}

<!--[if IE]>

body {
    behavior: url(scripts/csshover3.htc);
    font-size: 100%;
}

/*=====vertical======*/
.menuVertical ul li {
    float: right; /* cure IE5.x "whitespace in lists" problem */
    width: 100%;
}
.menuVertical ul li a {
    height: 1%; /* make links honour display: block; properly */
}

.menuVertical a, .menuVertical h2 {
    /* if required use em's for IE as it won't resize pixels */
    font: 12px tahoma;
}

/*=====horizontal======*/
/* Sub level menu links style */
*html .jquerycssmenu ul li ul li {
    margin: 0px 0px -6px 0px;
}
<![endif]-->