#mainmenu {
    height: 28px; /* need for eficient position*/
    z-index: 9999;
}
#mainmenu > ul > li {  
    overflow: visible;
    display: block; 
    float: left; 
    z-index: 9999;
}
#mainmenu > ul > li ul { 
    display: none;
    position: absolute;
    background: #FFF; 
    padding: 0;
    height: auto; 
    z-index: 9999;
}
/* drop down menu */
#mainmenu > ul > li > ul { 
    margin-top: 4px;
    z-index: 9999;
}
/* others sub menus */
#mainmenu > ul > li > ul li ul { 
    margin-top: -20px; /* align with parent*/
    left:99%;
    width: 100%;
    z-index: 9999;
}

#mainmenu ul li:hover > ul { 
    display: block; 
    z-index: 9999;
}
#mainmenu ul li ul li a{
    padding: 4px 14px; 
    background-color: rgb(41,154,11);;
    color: #fff;
    text-decoration: none;
    display: block;
    z-index: 9999;
}
#mainmenu ul li ul li a:hover { 
    color: #fff; 
    background:#1d6f07;
    z-index: 9999;
}