IE9 ссылка при наведении css изменение цвета по вертикали

Question

IE 9 при наведении курсора на ссылку перемещает часть HTML-кода вниз по странице. Когда я удаляю цвет из

td.subarea > h2 > a:hover   { color: #aa051a; text-decoration: none;}  

проблема не возникает.

Я не могу вставить весь код здесь, и уверен, что это единственная проблема для этой страницы. Но, может быть, кто-то там видел нечто подобное.

Он не перемещает ссылку (тег) вниз по странице, а содержит всю содержащую его таблицу.

Answer 1

Эта проблема возникает в IE9, когда для элемента контейнера установлено значение overflow: auto и в дочернем элементе происходит какое-то действие при наведении курсора.

Существует очень простое решение для добавления min-height: 0px к элементу контейнера, которое работает.

Подробное описание ошибки и это решение можно найти по этой ссылке: http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

Answer 2

Вроде нашел проблему, хорошо заставляет стол перестать двигаться. Маржа-топ: -20px. Хотя он только сдвинулся вниз примерно на 10 пикселей.

Вероятно, некоторые проблемы с рендерингом в IE9. IE7 / 8 фактически перемещает таблицу при начальной загрузке.

Размеры шрифта, высота строки и все такое css хорошо подходят для ссылки.

Марк Б, вероятно, близок к проблеме того, что IE рендерит что-то не так и предостерегает плавающие объекты и тому подобное.

Теперь нужно по-настоящему оформить макет таблицы со страницей макета таблицы (тьфу, ненавидеть макет таблицы).

Answer 3

Убедитесь, что ваши свойства line-height и font-size одинаковы для normal и hover.

Answer 4

Для меня я должен был указать

height:100%;

Затем я должен был пойти дальше и указать

width:100%;

'min-height: 0px' от mohitp выше заставил меняправильный путь.