Problème avec mon menu déroulant

Bonjour,

je suis en train de créer un site sur Wordpress et je rencontre un problème avec mon menu déroulant :
en effet au passage de la souris, les sous-menus déroulent mais avant que j'ai le temps de mettre ma souris sur eux, ils se referment ne me donnant pas la possibilité de cliquer.

J'ai essayé de toucher un peu au css (marges, hauteur...) mais cela n'a pas marché. J'aimerais donc avoir votre aide, voici le css relatif au menu :

.nav {
	width:940px;
	height:24px;
	margin:0 auto;
	margin-bottom:50px;
	font-size:24px;
	line-height:24px;
	font-family: 'Finger Paint', cursive;
}

.nav ul {
	position: relative;
	z-index:597;
	list-style:none;
	margin:20px 0;
}

.nav ul li {
	float:left;
	height:34px;
	margin:0;
	margin-right:36px;
	vertical-align:middle;
}

.nav ul li.hover,
.nav ul li:hover {
	position:relative;
	cursor:default;
}

.nav ul ul {
	visibility:hidden;
	position:relative;
	left:-10px;
	min-width:150px;
	margin-bottom:5px;
	background:#FFF;
	border-top:#CCC 1px dotted;
	font-size:18px;
	opacity: 0.9;
}

.nav ul ul li {
	float:none;
	min-height:34px;
	height:auto !important
	margin:0;
	padding:0 10px;
	border-bottom:#CCC 1px dotted;
}

.nav ul ul ul {
	bottom:10px;
	left:99%;
}

.nav ul ul ul {
}

.nav ul li:hover > ul {
	visibility:visible; 
}

.nav ul li a {
	display:inline-block;
	padding:5px 0;
	color:#252525;
	text-decoration:none;
}

Merci pour votre aide et si vous avez besoin d'informations supplémentaires, n'hésitez pas à me les demander (je n'ai toutefois pas le droit de vous fournir le lien vers le site).

Madfiayu