Отрицательное поле приводит к исчезновению границы в IE7

Question

Пример: http://jsfiddle.net/xUrDc/

Я пытаюсь окружить каждую li рамкой шириной ровно в один пиксель.Чтобы линии соответствовали друг другу, я устанавливаю margin-top:-1px для каждого li (в противном случае граница между ними слишком толстая).

Когда я устанавливаю в браузере IE7 в режиме отладки, границанаверху исчезает.Кто-нибудь может сказать мне, почему это может быть так, или предложить лучший способ добиться желаемого образа?

Answer 1

Игнорируя возможность сделать это по-другому, вы можете исправить IE7, добавив zoom: 1 к ul li.

См .: http://jsfiddle.net/xUrDc/1/

Почему это работает? Короче говоря, он предоставляет магическое свойство, известное как hasLayout для элемента в IE7, что, как оказалось, исправляет эту ошибку.

Дополнительная информация: Какая ошибка делает увеличение: 1; исправить в CSS?