IE 6 + IE7 CSS overflow problem

Jadi web developer emang harus tricky dengan Internet Explorer. Seperti  yang hari ini terjadi. Masalah overflow css muncul saat saya menggunakan Internet Explorer 8. Padahal jika menggunakan Firefox / chrome, tampilanya normal:

Internet Explorer

Firefox / Chrome

Ternyata solusi untuk masalah ini sangat mudah. kita hanya perlu menambahkan css property position: relative pada rule yang overflow nya kita setting.

.contentWraper

    {

        height: 200px;

        margin-top: 15px;

        overflow: auto;

        position:relative;

    }