2차 메뉴가 제대로 안되요ㅜㅜ 도와주세요

<div id='cssmenu'>
<ul>
   <li onclick="link_click('{$val1['href']}')" loop="$main_menu->list=>$key1,$val1" |cond="$val1['selected']"><span>{$val1['link']}</span>
      <ul cond="$val1['list']">
         <li onclick="link_click('{$val2['href']}')" loop="$val1['list']=>$key2,$val2" |cond="$val2['selected']" ><span>{$val2['link']}</span>
            <ul cond="$val2['list']">
               <li onclick="link_click('{$val3['href']}')"loop="$val2['list']=>$key3,$val3" |cond="$val3['selected']"><span>{$val3['link']}</span>
               </li>
            </ul>
         </li>
      </ul>
   </li>
</ul>
</div>

/* snb menu CSS */
/* Base CSS */
#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul ul {list-style: none; margin: 0; padding: 0; border: 0;}
#cssmenu ul {position: relative; z-index: 1;}
#cssmenu ul li {min-height: 1px; line-height: 1em; vertical-align: middle;}
#cssmenu ul li:hover {position: relative; z-index: 3; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 2; width: 100%;}
#cssmenu ul ul ul {top: 0px; left: 99%;}
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {top: 0px; left: 99%;}

/* Custom CSS Styles */
#cssmenu ul {width: 180px; background: #393939; border-radius: 5px;}
#cssmenu ul ul {width: 150px; }
#cssmenu ul li {padding: 7px 10px; color: #aaaaaa;}
#cssmenu ul li.hover,
#cssmenu ul li:hover {background: #aaaaaa; color: red; cursor:pointer; border-radius: 5px;}

function link_click(num){
window.open(num, "_self");
}