IE7 Margin Eksi Değer Sorunu

Merhaba arkadaşlar, bu yazıda sizlere ie7’de oluşan bir css hatasını ve çözümünü göstereceğim..

Sorun;
Eksi margin değeri verdiğimiz nesnelerde ie7’de malesef değer işlemiyor.. Örnek verecek olursak;

.box {margin: 0 -10px}

Yukarıdaki kod malesef ie7’de çalışmıyor.. Yani sağdan ve soldan 10px içeriye doğru çekmiyor nesneyi..

Çözümü;
IE7’de düzgün çalışması için overflow: hidden değerini eklememiz yeterli olacaktır. Yani;

.box {margin: 0 -10px; overflow: hidden /* ie7 */}

Başka ipuçlarında görüşmek üzere!