The menu appears correctly, however, when I hover on a tab, the drop-down menu starts at the top, covering the menu bar item. I looked at the CSS but couldn’t fix. Can anyone help me?
No problem :), welcome to SP btw 
I worked with the positioning as you suggested and found a solution. Thanks for the tip!
Hi, well we can’t do anything without code, so let’s get a page or at least full code :).
Have you set coordinates for the dropdown?