* {
            margin: 0;
            padding: 0;
        }

body 
  {
    background-color: rgb(100,255,255);  
    padding-top: 0px;
  }
  
li
  {
    display:inline;
    padding:40px;
    position:center;
    float: left;
  }

ul {
  list-style-type: none;
  /*padding-top: 40px;
  padding-bottom: 40px;*/
  overflow: hidden;
  background-color: #333;
  display:block;
}

ul:hover
  {
    background-color: white;  
  }

a {
  display: block;
  padding: 8px;
  background-color: #dddddd;