العناصر تختفي على تغيير حجم نافذة IE7

Question

أنا ترميز صفحة الويب هذه. http://www.nomizine.com/misc/tbs/default.html.

إنه يجعله جيدا في كل مكان باستثناء IE7. عندما أتعديل نافذة المتصفح، أعلى الملاحة، البوصلة على كتلة اليسار والاشتراك على اليمين تختفي.

أي فكرة عن كيفية إصلاح ذلك؟ راجع للشغل، لقد حاولت بالفعل الحيل Haslayout مثل Zoom: 1، واضحة: كلاهما، ولكن لا شيء يبدو للعمل.

Answer 1

هذا هو ما عمل لي.

#header_bg{
            background: url(../images/header_bg.png) no-repeat center top;
            height:100%;
            margin:0 auto;
            position:relative;
            text-align:center;
            width:100%;         
    }

Answer 2

أعتقد أن القضية هي حقيقة أن البوصلة هي وضع مطلق ولكن الحاوية (TD في هذه الحالة) ليست مطلقة أو نسبية ..

نظرا لوجود العناصر المطلقة المطلقة فيما يتعلق بأقرب أحد الوالدين النسبي أو المطلق، فقد يكون IE7 يفسد عند محاولة استبعاد (بسبب تغيير حجم) حيث يجب وضع هذا العنصر ..

أود أن أقترح عليك التفاف #compass div مع div التي لديها position:relative

تعديل

حسنا الجاني هو #header_bg الحكم في ملف CSS .. ما عليك سوى إزالة الموضع: النسبي وكل شيء سوف يعود إلى طبيعته :)

#header_bg{
   background: url(../images/header_bg.png) no-repeat center top;
   /*position:relative;*/
 }