div 겹치기 질문 드립니다. 스크롤 때문에요..

http://www.badahotel.kr/company/company1.asp

여기처럼 하려고 하는데요

겉에 배경 div 있고 안에 컨텐츠만 움직입니다.


<style type="text/css">
#container {
width: 100%;
height: 800px;
padding: 0px;
margin: 0px;
background-image:url('<?=$g4[path]?>/sub/image/sf_bg.jpg');
overflow: auto;
}
#box1 {
width:1050px;
overflow: hidden;
}
</style>


이렇게 스타일 주고

<div id="container">
<div id="box1">
내용들 쭉~~
</div>
</div>

했더니 빨간 네모칸 처럼 오른쪽에 스크롤이 2개가 생겨서요.,..
overflow:hidden 하면 아얘 내려가지도 않으니까 문제 입니다.

어떻게 해야 하나요?