그누보드4사용하는데 게시판 적용된 페이지 상단공백 생기는 문제

보드의

​

하단파일에 ../../tail.php

삽입하고 게시판을 띄우면  상단메뉴윗부분  그러니까 홈페이이지 전체가 상단부분이 9픽셀정도

공간이 생깁니다.

이유가 뭔지요

상단파일에 ../../head.php

----------------------

<!DOCTYPE HTML>
<html lang="ko">
<head>
 <title>창업안내 | 짬뽕9단</title>
 <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
 <script src="../../js/jquery-1.11.1.min.js" type="text/javascript"></script>
 <link rel="stylesheet" href="../../css/basic.css" type="text/css">
 <link rel="stylesheet" href="../../css/header.css" type="text/css">
 <link rel="stylesheet" href="../../css/content.css" type="text/css">
 <link rel="stylesheet" href="../../css/footer.css" type="text/css">

</head>
<body>
<div id="wrap">

 <!-- 헤더 -->

 <div id="header">   <!-- 너비 100% -->
  <!-- 탑메뉴 -->
  <div id="nav_top">  <!-- 너비 1000픽셀  높이 20픽셀-->
   <div id="box">
    <p><a href="../../index.html" target="_self"><img src="../../img/top_home.png" alt="home이미지" title="home메뉴"></a></p> <!-- 홈 -->
    <p class="vline"><img src="../../img/top_vline.png"></p> <!-- 세로선 -->
    <p><a href="../../main5-3.html" target="_self"><img src="../../img/top_contact.png" alt="contactus이미지" title="contactus메뉴"></a></p> <!-- 콘텍트유즈 -->
    <p class="vline"><img src="../../img/top_vline.png"></p> <!-- 세로선 -->
    <p><a href="../../sitemap.html" target="_self"><img src="../../img/top_sitemap.png" alt="sitemap이미지" title="sitemap메뉴"></a></p> <!-- 사이트맵 -->
   </div>
  </div>

  <!-- 로고(LOGO)와 메인메뉴 -->
  <div id="nav_main"> <!-- 너비 1000픽셀   높이 95픽셀-->
   <div id="leftBox"><a href="../../index.html"><img src="../../img/logo.gif" alt="짬뽕9단 로고이미지" title="짬뽕9단 로고이미지"></a></div> <!-- 로고(LOGO) -->
   <div id="rightBox">
    <p><a href="../../main1-1.html"><img class="menu1" src="../../img/gnb1_off.gif" alt="회사소개메뉴이미지" title="회사소개"></a></p>
    <p><a href="../../main2-1.html"><img class="menu2" src="../../img/gnb2_off.gif" alt="브랜드소개메뉴이미지" title="브랜드소개"></a></p>
    <p><a href="../../main3-1.html"><img class="menu3" src="../../img/gnb3_off.gif" alt="메뉴소개메뉴이미지" title="메뉴소개"></a></p>
    <p><a href="../../main4-1.html"><img class="menu4" src="../../img/gnb4_off.gif" alt="매장소개메뉴이미지" title="매장소개"></a></p>
    <p><a href="../../main5-1.html"><img class="menu5" src="../../img/gnb5_off.gif" alt="창업안내메뉴이미지" title="창업안내"></a></p>
    <p><a href="../../main6-1.html"><img class="menu6" src="../../img/gnb6_off.gif" alt="커뮤니티메뉴이미지" title="커뮤니티"></a></p>
   </div> <!-- 메인메뉴 -->
  </div>
 
 <!-- 메인메뉴 롤오버 메뉴 jQuery -->

 <script src="../../js/menu2.js"  type="text/javascript"></script>

 </div>   <!-- 헤더 끝 -->

 <!-- 본문 시작 -->
 <div id="container">
  <div id="title_img"> <!-- 1000 * 180 메인 이미지 -->
   <img src="../../img/main5/sub_visual5.jpg">
  </div>
  <div id="box"> <!-- 좌측메뉴와 우측 본문내용 -->
   <div id="left"> <!-- 218px -->
    <div id="menu_box">
     <p><a href="../../main5-1.html"><img src="../../img/main5/menu5_1.gif"></a></p>
     <p><a href="../../main5-2.html"><img src="../../img/main5/menu5_2.gif"></a></p>
     <p><a href="../../main5-3.html"><img src="../../img/main5/menu5_3.gif"></a></p>
     <p><a href="../../main5-4.html"><img src="../../img/main5/menu5_4_on.gif"></a></p>
    </div>
   </div>

   <div id="right"> <!-- 782px -->
    <div id="body_box">
     <div id="row1"> <!-- 본문 상단 제목 720*80 -->
      <div id="box"> <!-- 부모창 -->
       <p class="t1"><img src="../../img/main5/tt_sub05_04.gif"></p>
       <p class="t2"><img src="../../img/main1/sub_tt_home.png"> &gt; 창업안내  &gt;  <strong>FAQ</strong></p>
      </div>
     </div>
    
     <div id="row2">
<!--  ////////////////////////////// 상단부 head.php  /////////////////////////////////////   -->​

하단파일에 ../../tail.php

------------------------

<!--  ////////////////////////////// 하단부 foot.php  /////////////////////////////////////   -->
     </div>
    </div>
   </div>
  </div>

 </div>
 <!-- 본문 끝-->

 <!-- Quick Menu 시작-->

 <div id="quick_menu">
  <div id="todayview">
   <div id="todayview_scroll">
    <ul>
     <li><a href="../../main5-3.html"><img src="../../img/quick_btn1.gif" width="58" height="80" alt="" /></a></li>
     <li><a href="../../main3-1.html"><img src="../../img/quick_btn2.gif" width="58" height="80" alt="" /></a></li>
     <li><a href="../../main5-1.html"><img src="../../img/quick_btn3.gif" width="58" height="80" alt="" /></a></li>
     <li><a href="../../main5-2.html"><img src="../../img/quick_btn4.gif" width="58" height="80" alt="" /></a></li>
     <li><a href="../../main4-2.html"><img src="../../img/quick_btn5.gif" width="58" height="80" alt="" /></a></li>
    </ul>
   </div>
  </div>
 </div>
 <script type="text/javascript" src="../../js/quickmenu.js"></script>

 <!-- Quick Menu 끝 -->

</div> <!-- wrap 끝-->

 <!-- 푸터 시작-->
 <div id="footer">
  <div id="box"> <!-- 1000px -->
   <div id="left"></div>  <!-- 로고 -->
   <div id="right">
    <div id="address_box">  <!-- 테이블 -->
     <div id="box"> <!-- 높이 48 -->
      <div id="row1"><p><a href="../../privacy.html" target="_blank"><img src="../../img/foot_privacy.gif"></a></p><p><img src="../../img/top_vline.png"></p><p><a href="../../email.html" target="_blank"><img src="../../img/foot_email.gif"></a></p></div>
      <div id="row2"><img src="../../img/foot_info.gif"></div>
     </div>
    </div>
   </div> 
  </div>
 </div>
 <!-- 푸터 끝-->

</body>
</html>
​​