ناهماهنگی کادرها و رزولوشن

[1nioton1]

سلام و خسته نباشید به عزیزان.
من میخوام یه اسلایدر و یه کادر که خودم تعریفش کردم رو کنار هم قرار بدم ، توی css هردوشون رو تعریف کردم ، حالا وقتی رو صفحه زوم منفی میکنم اسلایدر و کادر کنارش به سمت راست حرکت میکنن یعنی سرجاشون ثابت نمیمونن ، هرچی margine و pading رو دستکاری کردم نشد. خیلی زحمت کشیدم واسه اینا. لطفا کمکم کنید ، ممنون.
عکس پیوست-سایت در حالت طبیعی (http://www.8pic.ir/images/uid54thx9p8pll6fnptx.jpg)
پیوست 2-سایت در حالت زوم منفی (http://www.8pic.ir/images/oh71cl95yh0fv3ha44qv.jpg)
در ضمن وقتی زوم مثبت میکنم اسلایدر یه ذره بیش از حد بزرگ میشه و یه اسکرول به سمت چپ ایجاد میکنه.
این css کادر هست که من تعریف کردم :
.vraper { position:absolute; display:block; overflow:hidden; width:auto ; height:30.3em; text-align:center; border-style: solid; border-width: 9px; border-color: #222;background-color:rgba(0,0,0,0.7); padding:1em 3em; margin: 3.2em 3em 0 67em;}
آدرس سایتم : Music724.ir

[Saber Mogaddas]

سلام
دوست عزیز همانطور که خودتون هم مشاهده می کنید محتوای پایین این دو عنصر ثابت هستند و مشکلی ندارند و فقط این دو عنصر هستند که به هم می خورند..و این یعنی چهار چوب اون قسمت استاندارد نیست..و عملا رو هوا هستند شما یک دیو کلی برای این دو در نظر بگیرید و این دو رو داخل اون دیو قرار بدید و به دیو کلی margin:0 auto قرار بدید توجه کنید که width این دیو رو برابر با width دو دیو همراه با محاسبه margin , padding قرار بدید..
موفق باشید..