ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    min-width: 160px;
    width: auto;
    border: 1px solid #ccc;
    display: block;
    border:none;
}  
 
div.drop {
    color:inherit;
    font-weight:bold;
    position:relative;
    display:inline-block;
    text-align:center;
    min-height:fit-content;
}


.drop:hover  {
    background-color:lightblue;
    border-bottom:1px solid #b7b7b7;
}


div.drop:hover  div.drop-content   {
    display:block;
}

div.drop-content:active {
    display:block;
}


div.drop-content li:hover {
    background-color: azure;
}

.drop-content {
    font-weight:bold;
    position:absolute;
    display:none;
    padding:1px;
    background-color: #33ccff;
    border-bottom:1px solid #b7b7b7;
    text-align:left;
    min-width:fit-content;
    color:black;
}