ul{
        padding: 0;
        list-style: none;
       
    }
    ul li{
        display: inline-block;
        position: relative;
        line-height: 10px;
        text-align: left;
    }
    ul li a{
        display: block;
        padding: 8px 8px;
         color: #FFF;
        text-decoration: none;
    }
    ul li a .active{
        display: block;
        padding: 8px 0px 8px 8px;
         color: #FFF;
        text-decoration: none;
    }
    
    ul li a:hover{
        color: #eee;
        background: #939393;
    }
    ul li ul.dropdown{
        min-width: 300%; /* Set width of the dropdown */
        background: #000;
        display: none;
        position: absolute;
        z-index: 999;
        left: 0;
    }
    ul li:hover ul.dropdown{
        display: block;	/* Display the dropdown */
    }
    ul li ul.dropdown li{
        display: block;
    }