가로 메뉴 위젯을 쓰려고 하는데 이미지 메뉴를 써야 해서 일단 이미지를 추가 하고 위젯출력을 했는데 이미지로 안나와서요...

혹시 아시는분은 답글좀 부탁 드릴께요

<!--%import("./js/navigator.js")-->
<!--%import("./css/widget.css")-->

<script type="text/javascript">
if(typeof(widget_navigator) != 'Object') var widget_navigator={};
var hrMenuColorset = "{$colorset}";
widget_navigator[{$widget_info->menu_srl}] = new WidgetNavigator({$widget_info->menu_srl});
widget_navigator[{$widget_info->menu_srl}].load('{$widget_info->xml_file}');
</script>

<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
    <div class="widgetNavC widgetNavC{$colorset}">
        <ul class="widget_navigator_{$widget_info->menu_srl} navigator"  menu_srl='{$widget_info->menu_srl}'>
        <!--@foreach($widget_info->arranged_menu as $key => $val)-->
            <!--@if($val->text && $val->depth == 0)-->
            <li class="node_{$val->node_srl} <!--@if($val->first)-->first<!--@end--> {$_first} <!--@if($val->selected)-->active<!--@end-->" node_srl='{$val->node_srl}' ><a href="{$val->href}"<!--@if($val->open_window=='Y')--> target="_blank"<!--@end-->>{$val->text}</a>
            </li>
            <!--@end-->
        <!--@end-->
        </ul>
    </div>
</div>