1 hoofdmenuitem niet aanklikbaar – alleen de sub

Vast een heel simpel iets, waarvan ik zeg: “oh ja” maar ik stoei er nu al een paar dagen mee.

Het gaat om de site http://www.jessyjansen.nl; die was ooit ontworpen en ontwikkeld door iemand, maar de eigenaar wilde het zelf bij kunnen houden, dus heb ik het bestaande ontwerp in WordPress gegoten.

Zij heeft een hoofdmenu, met 1 item die 4 subs heeft.
Dat ene item is nu ook aanklikbaar, maar dat wil ik niet… enkel een hover > submenu is wel aan te klikken.

STYLE voor dit menu (ook deels geleend vanuit de oude site):
#menu {
position:absolute;
top: 180px;
left: 105px;
width: 900px;
display:inline;
z-index:99000;
float:left;
display: block;
}
#menu li{
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
width: auto;
position:relative;
}
#menu .menu-header,
div.menu {
font-size: 13px;
margin-left: 12px;
width: 928px;
}
#menu .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#menu .menu-header li,
div.menu li {
float: left;
position: relative;
}
#menu a {
color: #764301;
display: block;
line-height: 38px;
padding: 0 15px;
text-decoration: none;
}
#menu ul ul {
opacity: .9;
color: #FFF;
display: none;
float: left;
left: 0;
position: absolute;
top: 30px;
width: 180px;
}
#menu ul ul li {
min-width: 180px;
}
#menu ul ul ul {
}
#menu ul ul a {
background: #FFFFED;
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
border: 1px solid #8E99B5;
}
#menu li:hover > a,
#menu ul ul :hover > a {
color: #822182;
}
#menu ul li:hover > ul {
display: block;
}
#menu ul li.current_page_item > a,
#menu ul li.current-menu-ancestor > a,
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a {
color: #822182;
}
* html #menu ul li.current_page_item a,
* html #menu ul li.current-menu-ancestor a,
* html #menu ul li.current-menu-item a,
* html #menu ul li.current-menu-parent a,
* html #menu ul li a:hover {
color: #822182;
}