Hope someone will take this on as I really need help.

I need to center my NEW horizontal css menu to the 500 or so additional pages in our site as well as position it above the navMainWrapper. I've also caused the navMainWrapper to jump on occasion possibly by inserting an addional link there.

I've really worked very hard on this for weeks now and can't make it fit without tables....but the jump is still there (only on occassion). See the old java menu live here: topkayaker.com

This OLD java horizontal menu to the rest of our site fits into our zencart imposing on the code in /our_template/common/tpl_header.php placed in table tags above:

Code:
<div id="navMainWrapper">
I know the code is a mess. I want to start cleaning it up by inserting my NEW css menu. Here is that NEW css code:

Code:
/* Begin CSS Drop Down Menu */

#menuh-container
	{
	position: absolute;		
	top: 1em;
	left: 1em;
	}

#menuh
	{
	font-size: 10px;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	width:72em;
	float:left;
	margin:2em;
	margin-top: 1em;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background: url(/Images/bluetilebcklite.jpg);
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	background: url(/Images/bluetilebck.jpg);
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  	{
	font-size:12px;
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 		{
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:12em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */
Any help appreciated