Suckerfish & Ext menu dissapearing problems - ?margin spacing - Joomla! Forum - community, help and support

hi, have implemented suckerfish dropdowns using extended menu on local development site before going live it. 

i having trouble configuring css right appearances.

for bit of css:

#mainlevel-mainnav li ul{          /*second level lists, these dropdowns */
position: absolute;
display: none;
top: 1em;
left: 0;
left: -999em;
height: auto;
width: 10em;
font-weight: 400;
background-color: #ccc;
border: 1px solid #bbb;
margin: 4px;
padding: 0px;

if margin set 0px, dropdowns below text no spacing, looks cramped.  increasing margin 5 px, looks spaced well.  however, when increase margin 5px, dropdown dissapears mouse off of top level menu text down submenus.  when mouse gets on area "margin", menu goes away.  can't format both nice , functional in terms of spacing. 

the second problem if suckerfish dropdowns (when working) drop down on next module position in joomla, content, although can read of content, mouse down menu, dissapear when mouse gets on next joomla module position...even though menu text appears on next joomla module position (content example).

i have z-values inserted in teh tutorial on site suckerfish menus, i'm not sure if working or configured appropriately.

can't provide link it's on local machine here.

thanks in advance thoughts.

for margin problem, try using padding instead - margins added outside element's block, create gap hover won't work, while padding added inside block, can hovered over.
not quite sure other problem you're describing is: provide screenshots illustrate it, if can't provide direct link.