css 관련질문..

<div class="navi">	<div class="navBox">        <div id="subBox" class="subBox"></div>        <div class="navi">        	<nav class="nav">        	<ul class="depth1">            <?php            $sql = " select *                        from {$g5['menu_table']}                        where me_use = '1'                          and length(me_code) = '2'                        order by me_order, me_id ";            $result = sql_query($sql, false);            $gnb_zindex = 999; // gnb_1dli z-index 값 설정용            for ($i=0; $row=sql_fetch_array($result); $i++) {            ?>            <li class="gnb1">                <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="nav_1da"><?php echo $row['me_name'] ?></a>                <?php                $sql2 = " select *                            from {$g5['menu_table']}                            where me_use = '1'                              and length(me_code) = '4'                              and substring(me_code, 1, 2) = '{$row['me_code']}'                            order by me_order, me_id ";                $result2 = sql_query($sql2);                for ($k=0; $row2=sql_fetch_array($result2); $k++) {                    if($k == 0)                        echo '<ul class="depth2">'.PHP_EOL;                ?>                    <li id="nav_2da"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="nav_2da"><?php echo $row2['me_name'] ?></a></li>                <?php                }                if($k > 0)                    echo '</ul>'.PHP_EOL;                ?>            </li>            <?php            }            if ($i == 0) {  ?>                <li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 &gt; 환경설정 &gt; 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>            <?php } ?>        	</ul>      	</nav>      </div>    </div></div>

/* 상단메뉴 적용 */#hd { z-index:9999 !important;padding-top:2px; }.navi { position:relative; z-index:9999; margin:-1px 0 0;height:2.95em; border-top:1px dotted #44a1ad;border-bottom:1px solid #44a1ad;background:#48adba; } .navBox { position:absolute; z-index:9999; width:100%;}.navBox:after {display:block;visibility:hidden;clear:both;content:""} .nav { position:absolute; z-index:9999; top:0px; left:50%; margin-left:-485px; }.nav ul.depth1 {z-index:9999; clear:both; zoom:1; }.nav ul.depth1:after {display:block; visibility:hidden; clear:both; content:""; }.nav ul.depth1 li.gnb1 { position:relative; float:left; text-align:center; display:inline; width:120px; }.nav_1da {display:block; float:left; font-weight:bold; height:38px; padding:0 10px; line-height:2.95em; text-decoration:none;color:#ffffff;text-align: center;}.nav_1da:focus, .nav_1da:hover {text-decoration:none; color:#ffffff; background:url(img/icon_top_arrow_black.png) no-repeat center 30px; } .subBox { position:absolute; z-index:999; top:38px; width:100%; height:200px; background-color:#ffffff;opacity:0.9;border-bottom:1px solid #44a1ad; display:none; }.subBox:after {display:block;visibility:hidden;clear:both;content:""}.nav ul.depth1 ul.depth2 {position:absolute; width:120px; top:38px; display:none;  }.nav ul.depth1 ul.depth2 li {display:block !important; height:18px; margin-bottom:7px; }.nav_2da {display:block; float:left; width:100px; height:30px; text-align:left; padding:0 10px; line-height:30px; text-decoration:none; color:#38a5b4;opacity:0.8; !important; font-weight:bold;  }.nav_2da:focus, .nav_2da:hover {text-decoration:none; background:#000000;opacity:0.1; !important; }