그누보드4 게시판 삽입페이지의 네비게이션 문제 ㅠㅠ

</p><p><script type=text/css>
    <div class="wrap">
nav li{float:left}
nav li a{display:block}
nav li.active img{margin-top:-100px;}
</script></p><p><div id="header">
    <div class="wrap">
        <div class="logo"><a href="<?=$g4['path']?>/page/main.html"><img src="<?=$g4['path']?>/page/image/logo.png" alt="main"></a></div>
        <ul style="overflow:hidden;float:right;width:814px;height:88px;" id="nav">
            <li><a href="<?=$g4['path']?>/page/office.html"><img src="<?=$g4['path']?>/page/image/nav_01.png" alt="페이지1"></a></li>
            <li><a href="<?=$g4['path']?>/page/store.html"><img src="<?=$g4['path']?>/page/image/nav_02.png" alt="페이지2"></a></li>
            <li><a href="#<?=$g4['path']?>/page/stairs.html"><img src="<?=$g4['path']?>/page/image/nav_03.png" alt="페이지3"></a></li>
            <li><a href="<?=$g4['path']?>/page/special.html"><img src="<?=$g4['path']?>/page/image/nav_04.png" alt="페이지4"></a></li>
            <li style="float:left;" ><a style="display:block;" href="<?=$g4['path']?>/bbs/board.php?bo_table=notice"><img onMouseOver="margin-top:-100px;" src="<?=$g4['path']?>/page/image/nav_05.png" alt="페이지5"></a></li>
            <li><a href="<?=$g4['path']?>/bbs/board.php?bo_table=qna"><img src="<?=$g4['path']?>/page/image/nav_06.png" alt="페이지6"></a></li>
        </ul>
    </div>
</div>
<div id="container">
    <div class="wrap">​</p><p>