Hack overflow hidden CSS trong IE

Khi thiết kế mẫu blog  Spot Times template , mình phải dùng rất nhiều CSS "overflow:hidden", nhưng nó hiển thị rất lung tung trong...

Khi thiết kế mẫu blog Spot Times template, mình phải dùng rất nhiều CSS "overflow:hidden", nhưng nó hiển thị rất lung tung trong IE. Giống hình mình họa dưới đây:

Mình đã để ảnh vào trong một thẻ DIV, sau đó thêm thuộc tính "overflow:hidden" và thiết lập độ rộng/cao cho DIV. Nhưng trong IE thì ảnh vẫn bị tràn ra ngoài. Code HTML mình dùng đó là:

<div class="wrapper"><img src="thumb.gif"/></div>

Với các trình duyệt khác IE, chúng ta chỉ đơn giản xài CSS như sau:

.wrapper {
height:100px;
width:250px;
overflow:hidden;
}

Nhưng để hack CSS trong IE, chúng ta cần thêm thuộc tính "position:related"

.wrapper {
height:100px;
width:250px;
overflow:hidden;
position:related;
}