elkha님 레이아웃에서 가져와서 해봤는데 아래 스샷처럼 드랍되는 메뉴 좌측에 빈공간이 생깁니다.

여기저기 고쳐봐도 없어지지가 않아요 도움부탁드립니다.

CSS 소스는 아래와 같습니다.

#gnb { position:relative; bottom:0; z-index:99; width:900px; height:44px; font-size:0; line-height:0; background:url(../images/default/menubar.gif) no-repeat; margin-top:5px;}
#gnb li, ul { list-style:none;}
#gnb a { color:#555; text-decoration:none; }
#gnb a span { font:12px Arial, Gulim, Tahoma; }
#gnb .ul1 { padding:0 20px; }
#gnb .li1 { float:left; position:relative; padding:0 10px;}
#gnb .a1 { display:block; overflow:hidden; padding:0 0 3px; }
#gnb .a1:hover,
#gnb .a1:focus,
#gnb .on1 .a1 { padding:0; border-bottom:3px solid #00bff6; color:#00bff6;}
#gnb .a1 span { display:block; padding:13px 15px 9px 15px;}
#gnb .ul2 { display:none; position:absolute; left:0; top:39px !important; top:40px; border-bottom:1px solid #ccc; }
#gnb .ul2 li { position:relative; border:1px solid #ccc; border-bottom:0; }
#gnb .ul2 a { display:block; width:150px; height:30px; overflow:hidden; background-color:#fff; }
#gnb .ul2 a:hover,
#gnb .ul2 a:focus { background-color:#fafafa; color:#00bff6; }
#gnb .ul2 a span { display:block; padding:12px 0 0 15px; }
#gnb .sub2 .a2,
#gnb .sub3 .a3 { background:#fff url(../img/sub.gif) no-repeat 200px center; }
#gnb .on2 .a2,
#gnb .on3 .a3,
#gnb .on4 .a4 { border-bottom:2px solid #95c0d5; }
#gnb .ul2 ul { display:none; position:absolute; left:150px; top:-1px !important; top:0; border-bottom:1px solid #ccc; }

html 소스는 아래와 같습니다.

        <div id="gnb">
        <ul class="ul1">
                <!--@foreach($gnb->list as $val)--><!--@if($val["link"])-->
                <li class="li1<!--@if($val['selected'])-->{@$selected=$val} on1<!--@end-->">
                    <a href="{$val['href']}" class="a1"<!--@if($val["open_window"]=="Y")--> onclick="window.open(this.href); return false;"<!--@end-->><!--@if($val["text"] == $val["link"])--><span>{$val["text"]}</span><!--@else-->{$val["link"]}<!--@end--></a>
                    <!--@if($val["list"])-->
                    <ul class="ul2">
                        <!--@foreach($val["list"] as $v)--><!--@if($v["link"])-->
                        <li class="li2<!--@if($v['selected'])--> on2<!--@end--><!--@if($v['list'])--> sub2<!--@end-->">
                            <a href="{$v['href']}" class="a2"<!--@if($v["open_window"]=="Y")--> onclick="window.open(this.href); return false;"<!--@end-->><!--@if($v["text"] == $v["link"])--><span>{$v["text"]}</span><!--@else-->{$v["link"]}<!--@end--></a>
                            <!--@if($v["list"])-->
                            <ul class="ul3">
                                <!--@foreach($v["list"] as $va)--><!--@if($va["link"])-->
                                <li class="li3<!--@if($va['selected'])--> on3<!--@end--><!--@if($va['list'])--> sub3<!--@end-->">
                                    <a href="{$va['href']}" class="a3"<!--@if($va["open_window"]=="Y")--> onclick="window.open(this.href); return false;"<!--@end-->><!--@if($va["text"] == $va["link"])--><span>{$va["text"]}</span><!--@else-->{$va["link"]}<!--@end--></a>
                                    <!--@if($va["list"])-->
                                    <ul class="ul4">
                                        <!--@foreach($va["list"] as $vl)--><!--@if($vl["link"])-->
                                        <li class="li4<!--@if($vl['selected'])--> on4<!--@end-->">
                                            <a href="{$vl['href']}" class="a4"<!--@if($vl["open_window"]=="Y")--> onclick="window.open(this.href); return false;"<!--@end-->><!--@if($vl["text"] == $vl["link"])--><span>{$vl["text"]}</span><!--@else-->{$vl["link"]}<!--@end--></a>
                                        </li>
                                        <!--@end--><!--@end-->
                                    </ul>
                                    <!--@end-->
                                </li>
                                <!--@end--><!--@end-->
                            </ul>
                            <!--@end-->
                        </li>
                        <!--@end--><!--@end-->
                    </ul>
                    <!--@end-->
                </li>
                <!--@end--><!--@end-->
            </ul>
        </div>