스크롤바를 내리면 메인 이미지 위치가 변경되는 현상 도움 부탁드립니다.^^ 채택완료

 사이트 링크했습니다.^^ 설명하기가 애매해서용 ㅎ

메인화면 보시면 스크롤바를 내리면 이미지가 올라가는게 보이실 겁니다.

<상단 고정메뉴를 지울 때는 그자리 그대로 있구요.. 메뉴를 넣으면 이렇게 됩니다 ㅠ >

head.php <?php  include_once(G5_PATH.'/theme/basic/skin/nav/fixed/menu.php'); //상단 네비  ?>

어느 부분의 소스를 수정해야 할지 추가해야될지 고민입니다.

index.php

<?php
define('_INDEX_', true);
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

if (G5_IS_MOBILE) {
    include_once(G5_THEME_MOBILE_PATH.'/index.php');
    return;
}

include_once(G5_THEME_PATH.'/head.php');
?>

<style type="text/css">
body{ background-image:url(theme/basic/img/sky1.jpg);
background-repeat:no-repeat
 

</style>
<div id="container">
  <table width="970" border="0" cellspacing="0" cellpadding="0">
 
 <tr>
      <td height="544" align="left" valign="top" bgcolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td height="300" align="left" valign="top"><img src="theme/basic/img/main_foot1.png" width="970" height="300"></td>
    </tr>
  <tr>
      <td height="500" align="left" valign="top">&nbsp;</td>
    </tr>
  </table>
  <p>&nbsp;</p>
</div>

</div>
<?php
include_once(G5_THEME_PATH.'/tail_main.php');
?>

default.css

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:970px;border-right:0px solid #dde4e9;border-left:0px solid #dde4e9;zoom:1;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9}

#container {z-index:4;position:relative;float:left;padding:0px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:0px solid #dde4e9;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}