CSS hover dropdown menu, position absolute?

The best way to describe this issue is with pictures (Don’t mind the Dutch), I’m stuck with this at the moment:
Example1

In the first example you can see that the red dropdown hover lines with the parent in this case. What I want is this:
Example2

The way I did it in Example2 was with element inspect and changing the Ul’s manually with margin-top (40px). Which means I have to do 80px, 120px etc. On the next couple of menu links.

Is there an easier way?

Thanks in advance!

Read more here: CSS hover dropdown menu, position absolute?

Leave a Reply

Your email address will not be published. Required fields are marked *