How to make flash submenu title closer to the Main

How to make flash submenu title closer to the Main menu
My first Main menu "HOME" only have 1 sub menu "About US"
my second Main menu "Services" have 5 sub menus
This makes the "About US" submenu very far (high) from the HOME menu title
How do i bring About us down

Try adding this to bottom of template_css.css:

#flashes.menu > li > ul {
height: 40px!important;
margin: -110px 0 0!important;
}

This works for the first menu, the sub menu is closer. but my 2nd menu with 5 sub menus got overlap
see screenshot

is it possible instead of adding the sub-menus from top to bottom, change it to adding it from bottom up?

Then instead of that put just:

#flashes.menu > li > ul {
margin: -100% 0 0!important;
height:100%!important;;
}

Not right. See attached.
Now the sub menu is below the main menu. Can't see my other submenus.
Need the sub menu to be on top of the menu just like original. But the submenu will be added from bottom to the top.
Any more suggestions?

Then see line:

margin: -100% 0 0!important;

instead of -100% put value in px like -352px you need to find correct value by trying few times.