Dropdown menus disappearing

I am using the Aesthete theme and am having problems with the dropdown menus. Submenus appear to the right of the main menu selection, but far enough away that when you move the cursor over to select from the dropdown, i think it’s losing focus, and so the menu disappears.

i found what i think is the section in the style.css that affects this.
ul#nav li ul {
display: none;
position:absolute;
margin: 0;
border:1px solid #DBC4A4;
z-index: 1;
background:url(“img/bg-sb.jpg”) repeat scroll 0 0 transparent;

i added the z-index 1 in order to have the submenus appear above the sidebar.

i’ve tried position:relative which has the submenus appear below the main selection, and then the submenus work, BUT, with that option, the dropdown menu shifts all the main seelctions that are to the right of the active one, over further right (as wide as the width of the submenu)

My preferences would be to have the submenus directly beneath the main selection, and not have the shift-right problem, but at this point, help with either option would be much appreciated.
you can see the current problem at https://iwasm.org/wp-blog
if you can help with option 2, i can change it, so it has the menus appear beneath and you can see the ‘shift right’ problem.

thanks,

m