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

Question

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

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

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

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

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

Answer 1

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

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

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

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

Answer 2

Выключите кэширование файлов HTC в Apache

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