Controlling the position of dropdow submenu

Question

can someone explain how I can modify the position of a submenu so that it can be higher than it is now (eg closer to the menu bar, without the gap between the header and the dropdown box of the submenu...see attached picture)?

Here is the code underlying the submenu:

Answer 1

Without seeing the current code, you could try the folllowing:

Use padding-top over the <ul> tag and colour the <li> tag's background colour in the dark grey. This way you avoid using top / margin-top.