Apple Zen Support Thread

[ghostcorps]

Hello again

I have almost finished my personalizations. But, have found a couple more sticking points.

I have adjusted the drop down menu so that the buttons are evenly spread across the Drop Menu, and each drop-down list is the same width as the parent. But, now there seems to be a space between the parent and child, enough to close the menu unless I am super quick. I used to know this stuff from years ago when the flyout menu contribution was still quite new, but I can't remember what to look for and none of my fiddling is fixing the problem.

www.fleshmetal.com.au/137

body {  
	behavior: url(includes/csshover.htc);
	}
	

/*grey*/ 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}

	
#dropMenuWrapper {
	width:100%;
	height:2.17em;
	margin:0;
	font-size:1em;
	}
	
div#dropMenu {
  	width:70em;
  	margin:0 auto;
    text-align:center;
	z-index:1000;
	position:relative;
	}

div#dropMenu ul {
	margin: 0; 
	padding: 0;
	}
	
div#dropMenu li {
	position: relative; 
	list-style: none; 
	margin: 0; 
	float: left; 
	line-height: 1em;
	}
	
div#dropMenu ul.level1 {
	width:70em; 
	margin:0 auto; 
	text-align:center;
	background:#4F4F4F;
	height:2.17em;
	z-index:1000;
	}
	
div#dropMenu li:hover {}
div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block; padding: .6em 0.3em .6em 0.3em;text-decoration: none; text-transform:uppercase; color:#ffffff; text-align:center;} 
div#dropMenu>ul a {width:11.05em;}
div#dropMenu ul ul {position: absolute; width: 11.7em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:11em;}
div#dropMenu li.submenu li.submenu {}
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {top: 2.17em; background:#4f4f4f;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 11.7em; background:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}

Thanks :)