So did I solve the problem with text in submeny that displays over meny.
(children hiding parents)
Open style.css.
Change the value I have done bold.
Hope this will help you.
/* FRONT MENU */
ul#front_menu{float:left;text-transform:uppercase;position:relative;top:-4px;}
* html .expand{margin-top:-13px;} *+html .expand{margin-top:-13px;}
#front_menu li{list-style:none;float:left;margin-right:4px;}
* html #front_menu li{height:36px;display:inline;}
#front_menu li a{height:36px;display:block;background:url(images/nav.png) no-repeat left top;padding-left:15px;color:#2C2C29;font:700 .88em/26px Arial, Helvetica, sans-serif;text-decoration:none;cursor:pointer;}
#front_menu li a span{height:36px;display:block;background:url(images/nav.png) no-repeat right top;line-height:36px;padding-right:15px;}
#front_menu li a:hover,#front_menu li a.s{background-position:left bottom;}
#front_menu li a:hover span,#front_menu li a.s span{background-position:right bottom;}
* html #front_menu li a,* html #front_menu li a span{width:1%;white-space:nowrap;cursor:pointer;}
* html #front_menu li a span{position:relative;}
#front_menu li {background:none;float:left; position:relative;}
#front_menu ul {width:200px;position:absolute;display:none; background:#FFF;border-left:1px solid #ACACAB;border-right:1px solid #ACACAB;border-bottom:1px solid #ACACAB;-moz-border-radius-bottomleft: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius:5px;}
#front_menu ul li a, #front_menu ul li a span{margin:-3px -1px;height:auto;background:none;}
#front_menu li ul a {width:200px; float:left; white-space:nowrap;}
#front_menu li ul a:hover{text-decoration:underline;}
#front_menu ul ul {top:auto;}
#front_menu li ul ul [b]{left:4em; }[/b]
#front_menu li:hover ul ul, #front_menu li:hover ul ul ul, #front_menu li:hover ul ul ul ul {display:none;}
