div 수정....

오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소

http://sir.co.kr/bbs/board.php?bo_table=g4_builder&wr_id=6271&page=7
위링크에 빌더를 수정해보고 있습니다.
table로만 하다가 div 좀 익혀보려하는데 쉽지않네요...

문제는 index페이지에서 게시판이 나타나는 페이지로 넘어가거나 다시 index페이지로 넘어올때 좌우로 약 10px정도의 화면이동이 있습니다...
시하님 메뉴를 적용하려 dtd선언을 했습니다.
검색을해봐도 답을 찾을수가 없어 질문드립니다.

아래는 style.css와 index.php파일 내용입니다.
게시판이 나타나는 head.php 파일의 내용은 index.php파일상단내용과 동일합니다.

도움주시면 대단히 감사하겠습니다.

style.css
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; margin:0; padding:0;}

form { margin:0px; }

img {border:0px; margin: 0; padding: 0;}

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline;}

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

ul,li{margin: 0; padding: 0;}
li{list-style: none;}

#topb{width: 100%; height: 191px; border-top: 2px solid #000; border-bottom: 2px solid #ccc; background: #990000; position: absolute; z-index: 0; width: 100%; overflow: hidden; }
#menub{width: 100%; height: 40px; background:url('/useimg/mbg.gif'); position: absolute; top: 153px; z-index: 0; width: 100%; overflow: hidden; }
#botb{border-top: 2px solid #3b4453; border-bottom: 1px solid #ccc; background: #f6f6f6; text-align: center; min-heights: 53px; position: absolute; color: #666; font-size: 9px; font-family: Small Fonts; padding: 10px 0 10px 0; margin: 2px 15px 15px 15px; width: 100%; height: 138px;}

#total{text-align: center;}
#clear{clear: both;}
#center{width: 1004px; margin: 0 auto; text-align: left; position: relative;}

#sc{background: url('/useimg/topimg.gif') no-repeat right; position: relative; height: 95px; colors: #f6f6f6;}

#news{margin: 10px 0 0 0; text-align: center;}
.in1{position: absolute; left: 30%; top: 35px;}

#roundtopleft{position: absolute; left: 0; top: 0; width: 1px; height: 1px; background: white; overflow: hidden;}
#roundtopright{position: absolute; right: 0; top: 0; width: 1px; height: 1px; background: white; overflow: hidden;}
#roundbottomleft{position: absolute; left: 0; bottom: 0; width: 1px; height: 1px; background: white; overflow: hidden;}
#roundbottomright{position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; background: white; overflow: hidden;}

.border5{border: 3px solid #6A6A6A; background: #f2f2f2;}
.floatleft{float: left;}
.inputstyle{border: 0; background: #223E5C; color: white; paddings: 8px 15px 9px 15px;}
*html .inputstyle{padding: 11px 10px 8px 10px;}
.border5.inputsize{width: 270px; padding: 3px 10px 5px 10px;}
.border5.inputsize input{border: 0; height: 22px; width: 270px; background: #f2f2f2;}
*html .border5.inputsize input{padding: 5px 0 0 0; height: 20px;}

#logo{margin-tops: 20px; position: absolute; top: 18px; left: 18px; text-aligns: center; z-index: 1;}
/*상단,중간의 폭조정 */
#top{border-tops: 1px solid #ccc; min-height: 85px;}
*html #top{height: 85px;}


#topmenu{margin: 0 15px; height: 15px; padding: 5px 0 0 0; position: relative; color: #999; font-family: 돋움; font-size: 11px;}
*html #topmenu{height: 20px;}
#topmenu ul{position: absolute; top: 4px; z-index: 1; width: 984px; font-size: 10px; font-family: Small Fonts; font-weight:bold;}
#topmenu li{float: right; margin: 0 0 0 10px;}
#topmenu .floatright{float: left; margin-left: 32px;}

#middlemenu .noneborder{border-right: none;}
#middlemenu .noneborderleft{border-left: none;}
#bottom{border-top: 2px solid #3b4453; border-bottom: 1px solid #ccc; background: #f6f6f6; text-align: center; min-heights: 153px; position: relative; color: #666; font-size: 9px; font-family: Small Fonts; padding: 10px 0 10px 0; margin: 2px 15px 15px 15px;}
*html #bottom{heights: 70px; padding-tops: 17px;}
/*백그라운드 삭제 background: #3b4453 url('/useimg/topbg.gif') no-repeat; 익스그외브라우져 메뉴위치지정 */
#middlemenu{margin:0 0; borders: 1px solid #ddd; border-tops: 1px solid #ccc; min-height: 50px; position: relative; top: 32px; z-index: 1;}
*html #middlemenu{height: 19px; position: relative; top: 20px; z-index: 1;}
/* 메뉴글씨크기
#middlemenu ul{font-size: 9px; font-family: Small Fonts;}
*/
/*글씨위치 상하등
#middlemenu ul li{float: left; border-rights: 1px solid #ccc; border-lefts: 1px solid white; margins: 0 5px 0 0; padding: 10px 15px 11px 15px;}
#middlemenu ul li a{color: white;}
#middlemenu ul li a:hover{color: orange;}
#middlemenu ul li.gbg{backgrounds: #f2f2f2; color: #666; font-weight: bold;}

#webs{text-align: center; padding: 11px 0 0 0;}
#webs img{widths: 55px!important;}
#downmenu span{color: #ccc;}
#downmenu a{color: black;}
*/
#middle{border-bottoma: 1px solid #ccc; padding: 5px 15px;}
*html #middle{padding: 5px 15px 5px 15px;}


#box a{color: black;}
#box{width: 198px; overflows: hidden; heights: 97px; float: left; positions: relative; margin-top: 2px;}
*html #box{width: 200px;}
#box.center{width: 564px; overflow: hidden;}
#box.center strong{color: black;}
#box.center2{width: 564px; height: 195px; overflow: hidden; background:red;}
#box.right2{width: 364px;}
#box #img img{vertical-align: middle;}
#box #img ul{padding: 5px 10px 5px 10px;}
/*.bg{background: #e4e4e4 url('/useimg/bg2.gif') no-repeat;}*/
.bg{background: #f2f2f2; border: 1px solid #ccc;}
.bgo{background: #f2f2f2 url('/useimg/bg.gif'); border: 1px solid #ccc;}
.bg2{background: #f2f2f2 url('/useimg/bg.gif') no-repeat; }

/*
#submenu2{font-size: 11px; font-family: 돋움; paddings: 5px 13px 3px 13px; margin: 0 15px; background: #fff url('/useimg/subsh.gif') no-repeat top center;}
#submenu2 a{color: #666;}
#submenu2 span{padding: 0 5px; color: #ccc;}
#submenu2 ul li{float: left;}
*/
#box #img li{padding-left: 14px; background: url('/useimg/aw.gif') no-repeat 0 2px;}
#box #toplogin{padding: 8px; borders: 1px solid #ccc;}
#box #gallery{backgrounds: red;}
#box #gallery ul{padding: 10px 0 0 17px; font-size: 9px; font-family: Small Fonts;}
#box #gallery img{width: 50px; height: 50px; border: 1px solid #ccc;}
#box #gallery li{float: left; width: 160px; text-align: center;}
#box #boardcont{padding: 0 24px; color: #666;}
#box #sts{color: #CBCBCB;}
#box strong.nonebg{background-image: none;}
#box a:hover{text-decoration: none!important;}
#liststyle{heights: 100%; border: 1px solid white; padding-bottom: 5px;}
#liststyle3{heights: 100%; border: 1px solid white; padding-bottom: 5px;}
#liststyle4{heights: 100%; border: 1px solid white; padding-bottoms: 8px;}
#box #liststyle ul{padding: 5px 10px 0 10px;}
#box #liststyle li{padding-left: 14px; background: url('/useimg/aw.gif') no-repeat 0 2px; font-size: 12px;}
#box #toplogin li{padding-left: 14px; background: url('/useimg/aw2.gif') no-repeat 0 2px;}
#box strong{color: white; display: block; border-bottom: 1px solid white; padding: 5px 5px 4px 10px; font-size: 9px; background: #B3B3B3 url('/useimg/more.gif') no-repeat 174px 3px;}
#box2 strong{display: block; border-bottom: 1px solid #e3e3e3; padding: 5px 5px 4px 10px;}
*html #box strong{padding: 5px 5px 5px 10px;}
#box strong.cent{background: url('/useimg/more.gif') no-repeat 544px 3px; border-bottom: 1px solid #e1e1e1;}
#box strong.white{color: white; background: none;}
#inputstyle input{border: 1px solid #ccc; background: #f2f2f2; margin-bottom: 2px;}
*html #inputstyle input{margin-bottom: 0px;}

#contents{width: 760px; min-height: 750px; float: left; paddingS: 5px 0 0 0; border-left: 1px solid #f2f2f2;}
#incon{padding: 20px;}
#contents a{color: black;}
*html #contents{height: 750px; width: 740px;}
#subleft{float: left;}
#box #liststyle2 ul{padding: 5px 0 0 0;}
#box #liststyle2 li{padding-left: 14px;}
#box #liststyle2 li.this{background: url('/useimg/img2.gif') no-repeat 0 2px;}


#box #liststyle3 ul{padding: 5px 0 0 0;}
#box #liststyle3 li{padding-left: 20px; border-bottoms: 1px dotted #ccc; background: url('/useimg/aw2.gif') no-repeat 8px 2px; }
#box #liststyle3 li span{float: right; padding: 0 10px 0 0; color: #666;}
*html #box #liststyle3 li span{margin-top: -16px;}


#banner{text-align: center; font-size: 9px; font-family: Small Fonts; border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
margin: 0 15px 5px 15px; height: 18px;
}
#banner ul{}

#banner li{background: white; borders: 1px solid #ccc; width: 124px; text-align: center; color: #666; float: left;
padding-top: 3px;
}


#weather img{display: visible;}

=====================================================================
index.php
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");


include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");

$g4['title'] = "★★BYWOONG★★";
//include_once("./_head.php");
?>



<div id="topb"></div>
<div id="menub"></div>
<div id="total">

<div id="center">



<div style="position: absolute; right: 30px; top: 125px; z-index: 1;"><?=popular("popular_scroll"); ?></div>
<!--
<div style="position: absolute; right: -135px; top: 180px;">
<a href="http://music.daum.net/playzone/playBoard.do?boardId=1130"><img src="/useimg/jo.jpg" /></a>
</div>

<div style="position: absolute; left: -40px; top: 95px;">
<a href="javascript:bookmark()"><img src="/useimg/ssa.gif" /></a>
</div>
-->

<div id="topmenu">


<ul>
<!--
<li class="floatright">ENJOYSITE</li>
-->
<li class="floatright" style="color: #ccc;">http://kcfc1290.woweb.net
</li>

<li>LOGIN</li>
<li>JOIN</li>
<li>ADMIN</li>
<li>MAIL</li>
</ul>
</div>
<div id="clear"></div>
<div id="logo"><a href="/"><img src="/useimg/logo.gif" /></a></div>

<div style="position: absolute; top: 158px; left: 15px; z-index: 2; width: 300px;">
<div style="float: left; margin: 1px 2px 0 0;"></div>
<ul><?=latest("sztime_scroll", "notice", 5, 60);?> </ul>
</div>

<div style="position: absolute; top: 27px; left: 273px;">
<script language="javascript" charset="euc-kr" src="http://www.seoul.co.kr/script/weather.js"></script>
</div>


<div id="sc">

<div class="in1">

<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);">
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
<div class="border5 inputsize floatleft">
<INPUT name="stx" type="text" maxlength="20">
</div>
<input type="image" src="/useimg/sc.gif" style="margin-left: -3px;">
<div id="clear"></div>
<div id="news">
<?=popular("basic"); ?>
</div>
</form>

<!-- 검색스크립트 -->
<script language="JavaScript">
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}

// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++) {
if (f.stx.value.charAt(i) == ' ')
cnt++;
}

if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}

f.action = "<?=$g4['bbs_path']?>/search.php";
return true;
}


</script>
<!-- 검색스크립트 끝 -->


</div>
</div>

<div id="top">
<div id="middlemenu">


<? include_once("$g4[path]/GNB/header.php"); ?>
</div>
</div>

<div id="middle">

<div id="mleft" style="width: 200px; float: left;">
<div id="box" style="position: relative; overflow: hidden; border-top: 1px solid #ccc; width: 200px;">
<div id="wi1" style="position: absolute; background: #f9f9f9; height: 4px; font-size: 1px; z-index: 1; bottom: 0; width: 198px; border: solid #E6E6E6; border-width: 0 1px 1px 1px;"></div>
<div style="margin: -30px 0 0 0;">
<script src="http://widgetprovider.daum.net/view?url=http://widgetcfs1.daum.net/xml/36/widget/2008/12/02/14/17/4934c4d2c4450.xml&up_skin=dark&&width=200&height=312&widgetId=176&scrap=1" type="text/javascript"></script>
</div>
</div>
<!-- a -->



<div id="box" class="bg">
<div id="liststyle">
<a href="/bbs/board.php?bo_table=TORENTO"><strong>TORENTO <span id="sts">torento</span></strong></a>
<ul>
게시물생성<?/*=latest("basic", "TORENTO", 3, 26);*/?>
</ul>
</div>
</div>

<div id="box" class="bg">
<div id="liststyle">
<a href="/bbs/board.php?bo_table=DOWN"><strong>DOWNLOAD <span id="sts">download</span></strong></a>
<ul>
게시물생성<?/*=latest("basic", "DOWN", 6, 30);*/?>
</ul>
</div>
</div>

<div id="box" class="bg">
<div id="liststyle">
<a href="/bbs/board.php?bo_table=CSS"><strong>STYLECSS <span id="sts">stylecss</span></strong></a>
<ul>
게시물생성<?/*=latest("basic", "CSS", 6, 30);*/?>

</ul>
</div>
</div>






<div id="box" class="bg">
<div id="liststyle3">
<strong class="nonebg">POINTTOP 6 <span id="sts">pointtop 6</span></strong>
<ul><? include_once("$g4[path]/bbs/main_class_rank.php"); ?></ul>
<div id="clear"></div>
</div>
</div>

<div id="clear"></div>


</div><!--left-->
<div id="center" style="width: 560px; float: left; margin: 5px;">
<?/*=latest("latest_onetap03", "ser", 5, 50); */ //이미지 사이즈 456 x101 ?>
<div id="box" class="center">
<div id="img">
<img src="/useimg/img.gif" />
</div>
</div>


<div id="box" class="center" style="background: #f6f6f6 url('/useimg/subsh2.gif') no-repeat top center;">
<div id="img">
<a href="/bbs/board.php?bo_table=HOMEPAGE"><strong class="cent">HOMEPAGE <span id="sts">homepage</span></strong></a>
게시물생성<?/*=latest("basic11", "HOMEPAGE", 2, 20);*/?>
</div>
</div>


<div id="box" class="center">
<div id="img">
<a href="/bbs/board.php?bo_table=GALLERY1"><strong class="cent">GALLERY <span id="sts">gallery</span></strong></a>
게시물생성<?/*=latest("basic10", "GALLERY1", 4, 15);*/?>
</div>
</div>



<div id="box" class="center" style="background: #F6F6F6 url('/useimg/subsh2.gif') no-repeat top center;">
<div id="img">
<a href="/bbs/board.php?bo_table=HOMEPAGE"><strong class="cent">HOMEPAGE <span id="sts">homepage</span></strong></a>
게시물생성<?/*=latest("basic2", "HOMEPAGE", 3, 60);*/?>
</div>
</div>







<div id="box" class="center">
<div id="img">
<a href="/bbs/board.php?bo_table=PHOTO"><strong class="cent">PHOTOSHOP <span id="sts">photoshop</span></strong></a>
게시물생성<?/*=latest("basic12", "PHOTO", 4, 20);*/?><?/*=latest("basic2", "POINT", 1, 60);*/?>
</div>
</div>


</div><!-- CENTER -->
<div id="mright" style="width: 200px; float: right;">
<div id="box" class="bg">
<div id="liststyle4">
<div id="toplogin">
<?=outlogin("basic"); // 외부 로그인 ?>
</div>
</div>
</div>


<!-- a -->
<style>
*html #wi1{width: 200px!important;}
</style>

<div id="box" class="bg">
<div id="liststyle">
<a href="/bbs/board.php?bo_table=NOTICE"><strong>NOTICE <span id="sts">notice</span></strong></a>
<ul>
게시물생성<?/*=latest("basic", "NOTICE", 3, 20);*/?>
</ul>
</div>
</div>




<div id="box" class="bg">
<div id="liststyle">
<a href="/bbs/board.php?bo_table=FLASH1"><strong>FLASH <span id="sts">flash</span></strong></a>
<ul>
게시물생성<?/*=latest("basic4", "FLASH1", 3, 30);*/?>
</ul>
</div>
</div>
<a href="/bbs/board.php?bo_table=NOTICE&wr_id=35">
<img src="/useimg/ba1.gif" style="margin: 2px 0 0 0; vertical-align: top;" />
</a>
<a href="/bbs/board.php?bo_table=HOMEPAGE">
<img src="/useimg/ba2.gif" style="margin: 2px 0 0 0; vertical-align: top;" />
</a>
<img src="/useimg/ba3.gif" style="margin: 2px 0 0 0; vertical-align: top;" />

<div id="box" class="bg" style="display: none;">
<div id="liststyle">
<a href="/bbs/board.php?bo_table=BESTLINK"><strong>BESTLINK <span id="sts">bestlink</span></strong></a>
<ul>
게시물생성<?/*=latest("basic", "BESTLINK", 6, 20);*/?>
</ul>
</div>
</div>


<div id="box" class="bg">
<div id="liststyle">
<a href="/bbs/board.php?bo_table=FREE"><strong>FREEBOARD <span id="sts">freeboard</span></strong></a>
<ul>
게시물생성<?/*=latest("basic", "FREE", 10, 20);*/?>
</ul>
</div>
</div>

<div id="box" class="bg">
<div id="liststyle3">
<strong class="nonebg">CONNECTION <span id="sts">connection</span></strong>
<?=visit("basic");?>
<div id="clear"></div>
</div>
</div>


<div id="box" class="bg">
<div id="liststyle3">
<?=poll("basic");?>
</div>
</div>

</div><!-- RIGHT -->















<div id="clear"></div>

</div>


<div id="banner">
<ul>
<li style="backgrounds: url('/useimg/banner.gif') no-repeat">inbanner118x33</li>
<li style="backgrounds: url('/useimg/banner.gif') no-repeat">inbanner118x33</li>
<li style="backgrounds: url('/useimg/banner.gif') no-repeat">inbanner118x33</li>
<li style="backgrounds: url('/useimg/banner.gif') no-repeat">inbanner118x33</li>
<li style="backgrounds: url('/useimg/banner.gif') no-repeat">inbanner118x33</li>
<li style="backgrounds: url('/useimg/banner.gif') no-repeat">inbanner118x33</li>
<li style="backgrounds: url('/useimg/banner.gif') no-repeat">inbanner118x33</li>


</ul>

</div>
<div id="clear"></div>

<div id="bottom">

COPYRIGHT&copy;<b>BYWOONG</b>ALLRIGHTSRESERVED


</div>


<div id="downmenu" style="text-align: center; padding-bottom: 15px;">
<a href="/bbs/board.php?bo_table=PHOTO">포토샵</a><span> | </span>
<a href="/bbs/board.php?bo_table=TORENTO">토렌토</a><span> | </span>
<a href="/bbs/board.php?bo_table=CSS">스타일시트</a><span> | </span>
<a href="/bbs/board.php?bo_table=FLASH">플래쉬</a><span> | </span>
<a href="/bbs/board.php?bo_table=DOWN"><b>다운로드</b></a><span> | </span>
<a href="/bbs/board.php?bo_table=HELPDESK">헬프데스크</a><span> | </span>
<a href="/bbs/board.php?bo_table=HOMEPAGE">홈페이지</a><span> | </span>
<a href="/bbs/board.php?bo_table=NOTICE">공지사항</a>
<? if (!$member['mb_id']) {?>
<span> | </span>
<a href="/">로그인</a><span> | </span>
<a href="/bbs/register.php">회원가입</a>
<? } ?>
</div>



</div>
</div>
</div>
<?
//include_once("./_tail.php");
?>