nested submenu item does not line up to parent item in navbar I am coding my own navbar in Dreamweaver CC. I have used bootstrap before, but now I prefer to code it myself. It's going ok, but I'm stuck on one problem. The nested submenu item does not line up to parent item . I've tried finding solutions, and toggling the CSS attributes, including changng the positioning from absolute to relative, but no luck. the url is:https://www.atnuke.com/nav.htmlIf you hover over products, you see the product list. If you hover over instruments, the instrument list appears correctly. If you go down and hover over sources, the list of sources, rises to the top, instead of aligning to the parent element. CSS code: /* Add a black background color to the top navigation */*{padding: 0;margin: 0;box-sizing: border-box;} header {background-color: #262626;} li {list-style: none;} a{color:white;text-decoration: none;} .navbar {min-height: 70px;display:flex;justify-content: space-between;align-items: center;padding: 0 24px;&nbs
AdChoices