Hi I have problem with Jquery Button UI ".navControl" it is overly on the nav drop menu ".menu"
phto1.jpgphto1.jpgphto1.jpgphto1.jpg

Code:
/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
	background-color:#3a4f63;
	width:100%;
}

div.menu
{
	padding: 4px 0px 4px 8px;
	z-index:10;
}

div.menu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
	background-color: #465c71;
	border: 1px #4e667d solid;
	color: #dde4ec;
	display: block;
	line-height: 1.35em;
	padding: 4px 20px;
	text-decoration: none;
	white-space: nowrap;


div.menu ul li a:hover
{
	background-color: #bfcbd6;
	color: #465c71;
	text-decoration: none;
}

div.menu ul li a:active
{
	background-color: #465c71;
	color: #cfdbe6;
	text-decoration: none;
}
/* #navControl
----------------------------------------------------------*/
.navControl
{
	list-style-type:none;
	margin:0;
	padding:0;
	color:Teal;
	z-index:-1;
	
}

.navControl li
{
	display:inline;
	padding: 5px 5px;
	
}

.navControl li a 
{
	text-decoration:none;
}