ul {
    position: absolute;
    margin: 0;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;

    
    
    list-style-type: none;
                                     /* margin: 0 auto;        */
                                     /* padding: 8px;       */
   background-color: #B4B7BD;      /*#B4B7BD= grey #CC0000 = red #3d3d3d;= black */
                                  /*font-color: #ffffff;= white   #000000 = black   */
                                  /*9box-shadow: 0 1px 0 rgba(0,0,0,0.2);*/
    
    
}
li.menu {
    display: inline;
    width: 100%;
    left: 100%;
    outline: none;
    
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;              /*  #FFFFFF = blue   */
     
   
}

ul li {
   
    display: inline;
                              /*  width: 10em;   height: 2em;*/
   
    line-height: 2em;            /* shade size  line-height: 2em;  */
    position: relative;
                                  /* border-bottom: 2px solid #ccc; */
    padding-left: 8px;
    
}