익스플로어 8에서는 문제없는데 익스플로어6에서는 줄이한줄생기네요..
헤더아래 줄이생겨요
왜그러죠
http://www.callsaju.com


인덱스레이아웃과 서브페이지용 두개입니다.
제가 간단히 만든건데요..
인덱스는
헤드
좌메뉴, 콘텐츠
풋
-------------
서브는
헤드
좌메뉴1, 확장1, 콘텐츠
풋
입니다.

인덱스-layout.html
<!--// js 파일 import -->
<!--%import("js/xe_official.js")-->

<!--// 레이아웃과 연동될 css 파일 import -->

    <!--%import("css/new.css")-->
  <div id='wrap' >
  <div id='header0' > <img src="http://www.callsaju.com/callsaju1109/index_1.jpg" alt="" class="mask" />
  </div>
        <div id="body">
      <div id="extension1">
            <!-- start-e1 -->

 <script type="text/javascript">displayMultimedia("http://www.callsaju.com/callsaju1109/menu.swf",
 "208","310",false    );</script>
            <!-- end-e1 -->
            </div>
            <div id="content">
            {$content}
            </div>
          
        </div>
        
  
   <div id='foot' >
  
   
  <img src="http://www.callsaju.com/callsaju1109/index_6.jpg" alt="" class="mask" /> 
  </div>
  </div> 
===============================================================================
인덱스 css파일
@charset "utf-8";
body {margin: 0; padding: 0; background:url(http://www.callsaju.com/callsaju1109/bg.jpg);}
img {border: 0;}
div#wrap { margin:0 auto; height:715px; width:1000px; }
#header0 {border:0; margin: 0; padding: 0; top:0px; height: 138px; width: 1000px; }
 #body{position:relative; border:0; margin: 0; padding: 0; top:0px; height: 310px; width: 1000px; }

#extension1{position:relative; float:left; border:0; margin: 0; padding: 0; top:0px; height: 310px; width: 208px; }
/* #extension2{position:relative; float:left; border:0; margin: 0; padding: 0; top:0px; height: 582px; width: 192px; } */
#content{ position:relative; float:left; border:0; margin: 0; padding: 0; top:0px; height: 310px; width: 792px; }

#foot { margin: 0; padding: 0;height: 267px; width: 1000px; position: relative; }
=========================================