Ошибка рендеринга элемента списка в IE?

Question

Кто-нибудь видел это раньше - и можно ли что-нибудь с этим сделать? Эта ссылка на снимок экрана в формате PNG для отображения списка в IE - если вы посмотрите внимательно, высота строки каждого элемента становится немного больше для каждого последующего элемента. Внешний вид сайта полностью контролируется CSS.

Снимок экрана

Это не большое дело, но оно, конечно, странно.

Кроме того, обратите внимание на расстояние между белой линией и рамкой рамки - этого нет в FF или Chrome, только в IE.

Answer 1

Похоже, ошибка в IE7.

Я только что протестировал на IE8, работает как положено в режиме IE8, но демонстрирует то же поведение в режиме совместимости.

Обновление: возиться, кажется, это вызвано стилем overflow:hidden.

Answer 2

Я вижу, что ваша страница XHTML и она проверяет ... Но, как и почти любая другая страница XHTML, она используется как text/html, а не application/xhtml+xml (если бы IE не распознал ее, спросив, хотите ли вы сохранить файл). Таким образом, несмотря на то, что это хорошая идея использовать XHTML, каждый браузер получает XHTML и сообщает, что это HTML, поэтому ваш хороший действительный XML анализируется как html tagsoup. (Если вам действительно нужна совместимость, и вам не нужно анализировать вашу страницу как XML, то «HTML 4.01 Strict» по-прежнему лучший выбор)

Тем не менее, я не уверен, как это может повлиять на отображение списка (поскольку синтаксис в списке должен быть практически одинаковым), но если IE не понимает тег, он может не получить конечный тег. Это напоминает мне о том эффекте, который вы получаете, если вы забыли конечный тег в li и добавили немного отступов ...

Никогда не пытайтесь добиться идеального рендеринга пикселей в IE, вы сойдете с ума и, вероятно, не добьетесь успеха; научиться жить с этим. : P