답변 감사하구요..근데 ie6 을 제외한 나머지 ie 버젼이라던가 다른 브라우저에선 안띄어집니다. 그리고 안뛰어지니 디자인 크기대로 딱맞게 되더군요.

그리고 기 밑에 가로긴 공간 박스도 없애고 싶은데 그건 어떻게 없애나요?

현재 작업 중이라 주소는 알려주기가 그렇고..소스 올려드리겠습니다.

우선  css 소스 입니다.
---------------------------------------------------------------------
@charset "utf-8";

/* CSS Document */


html, body {

  height: 100%;
    /**margin,padding설정은 화면에 container를 가득채웠을때,스크롤바를 제거하기 위함(기본은 여백잡힘)*/
    margin: 0px;
    padding: 0px;
background-image: url(images/bg.jpg);background-repeat: no-repeat;background-repeat :repeat-x;


}


div,dl,dt,dd,ol.p,h1,h2,h3,h4,h5,h6,form {margin: 0px;padding: 0px;}
img {border:0;vertical-align:top;}
ul {list-style:none;padding:0;margin:0;}

ul,ol.dl{list-style:none}
.png24 {tmp:expression(setPng24(this));}


 

/* 레이아웃 큰박스 속성 */
#container {

  width: 1000px;
    /*html과 body에 height 100%를 주었음으로, 여기도 100%가능*/
    height: 100%;
    /*박스의 중앙정렬*/
    margin: auto;
text-align : left;
 }

#header  {
 float:left;
 width:1000px;
 height: 130px;
 position: relative;
}

#left {

 float: left;
 width: 500px;
 height: 530px;
 position: relative;
 padding-top:1px;
}

#content {

 float:right;
 height: 530px;
 width: 500px;
 position: relative;
 text-align : center;
}

#content #content-area {
    /*위에 떠있는 header에 가려지는 것을 방지하기 위해서, header의 높이만큼 padding-top값을 부여*/
    padding-top: 3px;
    /*내용이 footer에 겹치는 것을 방지하기 위해서 footer의 높이만큼 padding-bottom값 부여*/
    padding-bottom: 60px;
  }


#footer {

 height: 60px;
 width: 1000px;
 position: relative;
 clear: both;
 float: left;
}

/* 상단 박스 속성 */

#gnb_box {float:left;width:1000px;height:130px;}
#gnb_logo {float:left;width:386px;height:130px;}
#gnb_rightsetbox {float:left;width:614px;height:130px; position:relative;}

#gnb_topmenu {float:left;  height:27px; margin-top:23px; position:absolute; z-index:5; right:0;} 
#gnb_topmenu li{float:left;}

#gnb_nav {float:left;width:614px;height:80px; position:absolute; z-index:100; top:50px;}

/* 좌측 박스 속성 */
#left_flash {float:left;width:500px;height:530x;}

/* 우축 박스 속성 */

#banner{float:left:width:500px;height:104px;}

#banner ul {     
list-style:none; 
margin:0;   
padding:0px;
} 

#banner li { 
padding: 28px 33px 11px 25px;   
border : 0;   
float: left;

}

#box{float:left:width:500px;height:104px;text-align:center}

#box ul {     
list-style:none; 
margin:0;   
padding:0px;
} 

#box li { 
padding: 0; 
border : 0;   
float: left;

}

#longbanner{float:left:width:500px;height:127px; padding-top: 34px;}

#longbanner ul {     
list-style:none; 
margin:0;   
padding:14px;
} 

#longbanner li { 
padding: 0px ; 
border : 0;   
float: left;

}

#pic {float:left:widh:500px;height:148px;}



/* CSS Document */

@charset "utf-8";

/* CSS Document */


html, body {

  height: 100%;
    /**margin,padding설정은 화면에 container를 가득채웠을때,스크롤바를 제거하기 위함(기본은 여백잡힘)*/
    margin: 0px;
    padding: 0px;
background-image: url(images/bg.jpg);background-repeat: no-repeat;background-repeat :repeat-x;


}

div,dl,dt,dd,ol.p,h1,h2,h3,h4,h5,h6,form {margin: 0px;padding: 0px;}
img {border:0;vertical-align:top;}
ul {list-style:none;padding:0;margin:0;}

ul,ol.dl{list-style:none}
.png24 {tmp:expression(setPng24(this));}


 

/* 레이아웃 큰박스 속성 */
#container {

  width: 1000px;
    /*html과 body에 height 100%를 주었음으로, 여기도 100%가능*/
    height: 100%;
    /*박스의 중앙정렬*/
    margin: auto;
text-align : left;
 }

#header  {
 float:left;
 width:1000px;
 height: 130px;
 position: relative;
}

#left {

 float: left;
 width: 500px;
 height: 530px;
 position: relative;
 padding-top:1px;
}

#content {

 float:right;
 height: 530px;
 width: 500px;
 position: relative;
 text-align : center;
}

#content #content-area {
    /*위에 떠있는 header에 가려지는 것을 방지하기 위해서, header의 높이만큼 padding-top값을 부여*/
    padding-top: 3px;
    /*내용이 footer에 겹치는 것을 방지하기 위해서 footer의 높이만큼 padding-bottom값 부여*/
    padding-bottom: 60px;
  }


#footer {

 height: 60px;
 width: 1000px;
 position: relative;
 clear: both;
 float: left;
}

/* 상단 박스 속성 */

#gnb_box {float:left;width:1000px;height:130px;}
#gnb_logo {float:left;width:386px;height:130px;}
#gnb_rightsetbox {float:left;width:614px;height:130px; position:relative;}

#gnb_topmenu {float:left;  height:27px; margin-top:23px; position:absolute; z-index:5; right:0;} 
#gnb_topmenu li{float:left;}

#gnb_nav {float:left;width:614px;height:80px; position:absolute; z-index:100; top:50px;}

/* 좌측 박스 속성 */
#left_flash {float:left;width:500px;height:530x;}

/* 우축 박스 속성 */

#banner{float:left:width:500px;height:104px;}

#banner ul {     
list-style:none; 
margin:0;   
padding:0px;
} 

#banner li { 
padding: 28px 33px 11px 25px;   
border : 0;   
float: left;

}

#box{float:left:width:500px;height:104px;text-align:center}

#box ul {     
list-style:none; 
margin:0;   
padding:0px;
} 

#box li { 
padding: 0; 
border : 0;   
float: left;

}

#longbanner{float:left:width:500px;height:127px; padding-top: 34px;}

#longbanner ul {     
list-style:none; 
margin:0;   
padding:14px;
} 

#longbanner li { 
padding: 0px ; 
border : 0;   
float: left;

}

#pic {float:left:widh:500px;height:148px;}



/* CSS Document */
-----------------------------------------------------------------------
아래는 웹페이지 소스 입니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>시크릿</title>
 
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
    function setPng24(obj) {
        obj.width=obj.height=1;
        obj.className=obj.className.replace(/\bpng24\b/i,'');
        obj.style.filter =
        "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
        obj.src='';
        return '';
    }
//-->
</script>
 
 
</head>
 
<body>
 
<div id="container">
    <!-- 헤더 부분--->
 
  <div id="header">
<div id="gnb_box">
        <div id="gnb_logo"><br/><img src="images/logo.png" width="280" height="107"  class="png24" alt="시크릿로고"/></div>
                    <div id="gnb_rightsetbox">                   
                    <div id="gnb_space"></div>
                        <div id="gnb_topmenu">
<ul>
<li><a href="#"><img src="images/home_btn.gif" alt="HOME" /></a></li>
<li><a href="#"><img src="images/email_btn.gif"  alt="EMAIL"/></a></li>
<li><a href="#"><img src="images/admin_btn.gif"  alt="ADMIN" /></a></li>
</ul>
</div>
<div id="gnb_nav"><img src="images/nav.gif" width="614" height="80"  alt="메뉴이미지"/></div>
  </div>
</div> 
  </div>
  <!-- index 부분--->
  <div id="left">
<div id="left_flash"><img src="images/left_flash.jpg" width="500" height="530" class="png24"  alt="왼쪽플래시"/></div>
  </div>
  <div id="content">
  <div id="content-area">
<div id="banner">
        <ul>
                <li><img src="images/gobanner_01.gif" width="189" height="65" alt="검색서비스 바로가기"/></li>
                <li><img src="images/gobanner_02.gif" width="189" height="65" alt="보안장비 바로가기"/></li>             
            </ul>
        </div>
<div id="box">
        <ul>
                <li><img src="images/onlineest_t.gif" alt="온라인견적의뢰"/><br/>견적의뢰</li>
                <li><img src="images/gocompany_banner.gif" alt="회사개요"/></li>             
            </ul>
        </div>
<div id="longbanner">
        <ul>
                <li><img src="images/callcenter_banner.gif" width="242" height="100" alt="온라인견적의뢰"/></li>
                <li><img src="images/goshop_banner.gif" width="217" height="100" alt="회사개요"/></li>             
            </ul>
        </div>
<div id="pic"><img src="images/pic_t.gif" alt="시공사진"/><br/>시공사진
        </div>
</div>
  </div>
    <!-- index 끝--->
 
    <!-- 하단 부분--->
  <div id="footer"><img src="images/copy.gif" width="1000" height="55" alt="카피라이터"/></div>
</div>
 
</body>
 
</html>
 -------------------------------------------------------------------
이상 입니다. ^^

그리고, 소스 보시고 다른것 혹시 문제점 있으시면 지적부탁드리겠습니다.

저의 질문에 관심 진심으로 감사합니다.

아..표기 문제로 잘못되어있었군요.^^; 감사합니다.