/*Menu chính*/
#menu{
    list-style:none;
    margin:0;
    padding:0;
    display:flex; /*Sắp xếp ngang*/
    background:blue;
}
#menu li{
    position:relative;
}
#menu li a{
    display:block;
    padding: 10px 20px;
    color: white;
  text-decoration: none;
  border-right: 1px solid white;
}
#menu li:last-child a {
  border-right: none;
}
#menu li a:hover {
  background: oldlace;
  color: black;
}

/*menu cấp 2*/
#menu li ul {
  display: none;
  position: absolute;
  top: 100%; /* hiện bên dưới menu cha */
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  background: blue;
  min-width: 200px;
}
#menu li ul li a {
  border-right: none;
  border-bottom: 1px solid white;
}

/* Hover để hiện menu con */
#menu li:hover > ul {
  display: block;
}