메뉴에 마우스를 대면 주제별로 메뉴가 펼쳐지게 할려면 좀 어떻게 해야할가용 아무리해도 오류가 나서요..

알려주시면 감사드릴게용

<!--%import("css/c.css")-->
    <div id="csg">
        <div id="csgleft">
            <h1 id="cva"><!--@if($layout_info->logo_image)--><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a><!--@else--><img src="images/logo.gif"><   <ul>
            <!-- main_menu 1차 시작 -->
            <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])-->
                <!--@if($val['selected'])-->
                    {@ $menu_1st = $val }
                <!--@end-->
                <li><a href="{$val['href']}">{$val['link']}</a></li>
            <!--@endif--><!--@endforeach-->
         </ul>
  </div>
    </div>
    <div id="main">
        <h1 id="cee">
        즐거운 하루되세요<br>
        안녕하세요 접속해주셔서 감사합니다
        </h1>
    </div>
<img class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="default" />
    <div id="content">
        <div id="cleft">
            <div id="lista">
                           </div>
        </div>
        <div id="cright">
            {$content}
        </div>
    </div>
    <div id="copyright">
        <div id="pleft">
            <h1 id="cva"><!--@if($layout_info->logo_image)--><a href="{$layout_info->index_url}"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a><!--@else--><img src="images/logo.gif"><            대표자             
        </div>
    </div>