안녕하세요. 현재 가로메뉴를 만드는 법에 대해 궁금해서요.. 여기서 검색해도 가로메뉴에 대한 것을 정확하게 못찾는 것인지..

뭔가 풀어나갈 방법이라도 있다면 알려주세요 ㅜ.ㅜ

gnb 쪽은 이렇게 .. 이게 맞는지 모르겠네요 ㅠㅠ

---html ---- 

<div id="gnb_menu">

<ul class="gnb_ul">

<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']">

<a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>

<ul class="sub" cond="$val1['list']">

<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['selected']">

<a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a>

</li>

</ul>

</li>

</ul>

</div>

</div>

</div>

css는 이런 형식인데 .. 어떻게 고쳐야하는지 전혀 모르겠어요 ㅜ

--- css--- 

.header .menu #gnb_menu { width:1300px height:76px; float:left; margin:0 auto; }

.header .menu #gnb_menu ul { list-style:none; padding:0; margin:0; }

.header .menu #gnb_menu .gnb_ul>li { position:relative; float:left; white-space:nowrap; }

.header .menu #gnb_menu .gnb_ul>li>a { font-size:15px; font-weight:bold; color:#393939; display:block; height: 45px; line-height: 45px; padding:0px; }

.header .menu #gnb_menu .sub { display:none; position:absolute; top:45px; min-width:84px; background:url('./../img/blackglass.png'); padding:10px; z-index:10; }

.header .menu #gnb_menu .sub>li { height:20px; line-height:20px; padding-left: 15px; }

.header .menu #gnb_menu .sub>li>a { color:#fff; }