location of drop-down menu

i would like to move the drop down menu closer to the nav menu.

https://mamoo-kids.com

when you move your cursor to “your account”, drop down menu appears “transaction result”. there is a good distance between ‘your account’ and ‘transaction result’ text. how can i make them closer, meaning moving the dropdown up a bit.

here is my navigation css

/* 3.1 Main Navigation */
#header #main-nav-container {font-family:'Comic Sans MS'; font:10px; line-height:20px; margin-top:-1px;} 

#main-nav-starter {float:left; height:35px; margin-left:15px;}
#main-nav {list-style-position:outside; position:relative; z-index:100;}
#main-nav a:link, #main-nav a:active, #main-nav a:visited {display:block; padding:9px 20px 10px; text-decoration:none;}

	#main-nav li li a:link, #main-nav li li a:active, #main-nav li li a:visited {font-weight:normal;}
#main-nav li {float:left; position:relative; font-size:13px;}
#main-nav ul {position:absolute; width:12em; display:none;}
#main-nav li ul a {width:12em; float:left;}
#main-nav ul ul {top:auto;}
#main-nav li ul ul {left:12em; margin:0px 0 0 10px;}

#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul {display:none;}
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul {display:block;}