.menubox
{
   display:flex;
   flex-flow:row wrap;
   height:30px;
   margin:1px;
   border:1px solid white;
   background-color:teal;
}

.menuitem {
  position: relative;
  display: inline-block;
  background-color: teal;
  color:white;
  margin:1px;
  height:26px;
}

.dropdown {
  display: none;
  position: absolute;
  background-color: teal;
  color:white;
  margin-left:5px ;
  margin-top:-1px;
  width:100px;
  overflow:hidden;
  z-index: 1;
  
}

.menuitem button
{
  border: 1px solid white;
  font-size: 16px;
  font-weight:bold;
  border-radius:6px;
  background-color:peach;
}

.menuitem input
{
  border: 1px solid blue;
  font-size: 12px;
  font-weight:none;
  height: 20px;
  background-color: white;
  color:teal;
  
}

.menuitem:hover .dropdown 
{
  display:block;
}

.dropdown button
{
  background-color: teal;
  color:white;
  padding: 2px;
  font-size: 14px;
  margin: 2px;
  border: 1px solid white;
  border-radius:6px;
  cursor: pointer;
  display:inline-block;
  height:26px;
  min-width:95px;
  overflow:hidden;
}

.dropdown a,button:hover 
{
  background-color: white;
  color:teal;
}