Welcome to My Paradise/

Saya sedang mencoba membuat navigasi yang menggantung pada banner, posisi navigasi itu akan selalu di set absolute dari bawah banner. Ukuran banner sendiri, berupa foto bisa berubah-ubah. Untuk itu biasa dipakai div position.

html :

<div class="parent">
   Isi dari div utama berupa banner, div ini harus 
   memiliki position:relative. Code tersebut tidak 
   banyak berpengaruh pada div ini tapi div didalamnya
   <div class="gantung">
      konten yang menggantung
    </div>
</div>

css :

.parent {position:relative}
.gantung{position:absolute; bottom:5px}

Pada FF 3, Chrome 2 dan Opera 10 code berjalan lancar, tapi pada IE 6 div gantung ternyata mengilang, jauh kebawah. Div parent tidak dianggap sehingga diduga div tersebut merefer ke body untuk menghitung posisinya.

Untuk mengatasinya, cukup menambahkan zoom.

css :

.parent {position:relative; zoom:1}
.gantung{position:absolute; bottom:5px}