مشكلة في تحديد مكان صوره في الاستايل الثابت

السلام عليكم ورحمة الله وبركاته




عندي ستايل متوسط بخلفية ثابته (الهيدر قطعه ) عرضه 950 بكسل

طبعا الخلفية الثابته ماتطلع في الشاشات الصغيره واذا تصفحت الموقع من شاشة عريضة تطلع الخلفية كامله بدون تأثير الهيدر وتغيير مكانه

والحين ضفت صوره فوق الهيدر باستخدام الخاصية position: absolute;
وحددت يمين : 50 بكسل وتوب: 300 بكسل وكل شي مضبوط ولكن المشكلة الي ظهرت لي في الشاشات العريضة بعد ظهور الخلفية الثابته تصير الازرار فوق الخلفية مو فـالهيدر والسبب اني استخدمت يمين 50 بكسل فصار يمين الشاشه 50 بكسل وهذا الخطأ الي طلع ..


الكود كامل

رمز Code:
b1{
background: url(lamasat4u/images/exam.jpg) no-repeat;
width:100px;
height: 30px;
position: absolute;
top: 300px;
right: 50px;
}
المطلوب :

كود اضعه في الهيدر مباشرة ومايتغير مكان الصوره في حال تصغير او تكبير مقاس الشاشة يظل مكااانه

وشكرا







أكثر...