I made a CSS menu with submenus for my new website.
I am using html 5 and the menu sits inside a nav tag which in turn resides inside a header tag. The header tag is then inside the container.
When the position of the container is set to fixed the menu hovers work, but when the position is set to relative they don't.
I can't use position fixed for the container as this messes up my page layout.
I've messed around with z-index but I wasn't able to fix the problem.
I am relatively new to CSS and would greatly appreciate any help.
I posted two versions of my menu one with fixed and the other with relative positioning for the container: