Плохой рендеринг перед обновлением в IE7?

Question

Я пытаюсь сделать мою веб-страницу лучше в IE7. Это очень неприятно.

Одна из найденных проблем изображена ниже. При переходе по ссылке на страницу рендеринг иногда прерывается странным образом - ниже кажется, что поля отключены, а цвет отсутствует. Однако если вы обновите страницу, эта проблема исчезнет. Если вы обновляете страницу много и много раз, она не ломается снова - рендеринг будет плохим только при первом просмотре страницы, после нажатия на ссылку или ввода URL-адреса в адресную строку.

У вас есть идеи, почему это может быть? Я использую css3pie для создания фоновых градиентов и скругленных границ, поэтому проблема может быть здесь. Или это ошибка IE, о которой я не знаю?

Мой сайт отображается нормально в IE8, который также должен использовать css3pie для создания градиентов + границ.

EDIT: Если вы увеличите страницу, проблема с рендерингом устранится Некоторые вещи, которые я прочитал, по-видимому, указывают на то, что это известная проблема для некоторого рендеринга в IE6 / IE7, но я не могу понять, как это исправить.

Answer 1

Отключить кеширование файлов HTC в Apache

LocationMatch ".*\.htc"
Header Set Cache-Control "no-cache"
/LocationMatch

Answer 2

Я решил эту проблему, написав:

 <!--[if lte IE 7]>
<style type="text/css">
div {
    position:relative;
}
</style>
<![endif]-->

Вверху страницы. Я не могу понять, почему эта проблема возникает - я думаю, что есть ошибка в движке рендеринга для IE7, который означает, что элементам css3, сгенерированным css3pie, не дают правильное поле. Другое решение - использовать padding вместо margin.

Я не могу понять, почему проблема будет исправлена ​​после обновления.