دوست عزیز خیلی ممنون از لطفت. من کد ها رو تغییر دادم و تمام position:absolout ها رو پاک کردم و با margin و اینچیزا مکانشون رو تنظیم کردم ولی باز هم مشکلم حل نشد. از اونجایی که فعلا دامنه مشکل پیدا کرده کد ها رو اینجا می ذارم.
کد html
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="background">
<div id="background-top-bar">
<div id="background-top-menu">
<ul>
<li>ورود</li>
<li>ثبت نام</li>
<li>آموزش خرید</li>
<li>درباره ما</li>
<li>تماس با ما</li>
</ul>
</div>
<div id="background-contact">
<div id="contact-icon"></div>
<div id="contact-number">123456789</div>
</div>
</div>
<div id="background-red-bar">
<div id="background-logo-text"></div>
<div id="background-light"></div>
<div id="background-search">
<input type="text" class="text1" style="width:238px;float:right;margin-right:8px;margin-top:3px;" placeholder="جست و جو . . .">
<div id="search-button"></div>
</div>
<div id="background-bag">
<div id="bag"></div>
<div id="itemcounter">چیزی در سبد خرید یافت نشد</div>
<div id="check" class="text2">چک کردن</div>
</div>
</div>
<div id="background-menu">
<ul>
<li>خانه</li>
<li>شماره حساب</li>
<li>ثبت فیش</li>
<li>حساب کاربری</li>
<li>خروج</li>
</ul>
</div>
<div id="background-down">
<div id="background-dark">
<div id="background-natural">
</div>
</div>
<div id="background-Menu-right">
<div id="menu-right-head" class="text3">فهرست
</div>
<ul class="text4">
<li>کالاهای جدید</li>
<li>پربازدیدترین کالاها</li>
<li>Dell</li>
<li>Sony Vaio</li>
<li>Lenovo</li>
<li>HP</li>
<li>Samsung</li>
<li>Toshiba</li>
<li>Apple</li>
<ul>
</div>
</div>
<div id="background-status"></div>
</div>
</body>
</html>
css
body{ background-color: #fff;font-family: B Koodak;font-size: 12px;overflow-y:scroll;}
#background{min-height: 600px;}
#background-top-bar{height: 30px;background-color: black}
#background-top-menu{width: 500px;height: 20px;margin-top:3px;float:right}
#background-top-menu ul{display: inline;list-style-type: none;color: white}
#background-top-menu ul li{margin-right: 5px;float: right;line-height: 22px;width: 60px;text-align: center;}
#background-top-menu ul li:hover{background-color: white;color: black}
#background-contact{width: 90px;height: 22px}
#contact-icon{width: 20px;height: 22px;background-image: url('files/phone.png');float: left;}
#contact-number{width: 70px;height: 22px;float: left;color: white}
#background-red-bar{height: 99px;background-image: url('files/red bar.png');}
#background-logo-text{width: 300px;height: 80px;background-image: url('files/logo.png');margin:auto;}
#background-light{width: 960px;height: 99px;background-image: url('files/yellow light.png');margin:auto;margin-top:-80px;}
#background-search{width: 291px;height: 31px;background-image: url('files/textbox.png');background-repeat:no-repeat;float:right;margin-right:20px;margin-top:-70px}
#search-button{width: 41px;height: 30px;background-image: url('files/search button.png');margin-top: 1px;margin-left: -2px}
#search-button:hover{background-image: url('files/Search Button Reverse.png');}
#background-bag{width: 250px;height: 88px;right: 1050px;top: 40px;float:right;margin-right:1070px;margin-top:-95px}
#bag{width: 76px;height: 88px;float: left;background-image: url('files/bag.png');}
#check{width: 114px;height: 23px;float: right;margin-top: 10px;background-image: url('files/button24.png');margin-right:55px}
#check:hover{background-image: url('files/button24-hover.png');}
#itemcounter{min-width: 100px;height: 30px;float: right;color:white;margin-right:50px;margin-top:15px}
#background-menu{height: 43px;background-image: url('files/Red Bar 1.png');}
#background-menu ul{display: inline;list-style-type: none;color: white}
#background-menu ul li{margin-right: 2px;margin-top: 13px;width: 74px;text-align: center;float: right;}
#background-menu ul li:hover{background-image: url('files/button25.png');background-repeat: no-repeat;}
#background-down{min-height: 600px;}
#background-dark{min-height: 315px;background-image: url('files/dark.png');}
#background-natural{height: 320px;width: 1333px;background-image: url('files/natural.png');background-size: 100% 100%;position:relative;top:15px}
#background-Menu-right{width:209px;height:390px;background-image: url('files/menu.png');background-repeat:no-repeat;float:right;margin-right:12px}
#background-Menu-right ul{;list-style-type: none;color: black}
#background-Menu-right ul li{margin-top: 5px;float: right;line-height: 22px;width: 209px;height:30px;text-align: center;}
#background-Menu-right ul li:hover{color:red;background-repeat: no-repeat;}
#menu-right-head{width:209px;height:29px;background-image: url('files/menu_head.png');background-repeat:no-repeat}
#background-status{min-height:30px;}
.text1{text-align:right;direction: rtl;font-family: B Koodak;font-size: 12px}
.text2{text-align:center;direction: rtl;font-family: B Koodak;font-size: 14px}
.text3{text-align:center;direction: rtl;font-family: B Koodak;font-size: 18px}
.text4{text-align:center;direction: ltr;font-family: AdobeFanHeitiStd-Bold;font-size: 18px}
خیلی ممنون میشم اگه راهنماییم کنی