IE6 crashes on page refresh
I implemented CSS3PIE succesfully on the website http://www.alik.nl
. I am using only box-shadow and border radius on 2 elements.
However, I get consistent IE6 crashes when refreshing a page of this site. IE7 and IE8 are ok.
I have done extensive testing to determine the cause, but there seems to be no one single cause.
I found that ingredients that all must be present to crash IE6 on page refresh are:
- an element with a border radius and PIE.htc behavior
- a CSS background image on the same element
- Google Analytics asynchronous tracking code in the head of the page
- A certain amount of html and css for the browser to work with. If I simplify the CSS or html of the page, the crashes are gone too.
Another thing I noticed is that if I put less html on the page, it takes longer (more refreshes) to crash IE6.
All of these must be present to get IE6 to crash on page refresh.
If I delete any of these elements, the crashes are gone.
I'm not sure what is going on here. Looking at these ingredients I suspect some kind of page loading/caching issue.
Because turning off Google analytics is not an option, the workaround in this case was to turn off the border radius on the footer element only for IE6.
I made a static version of the page for testing purposes, with the border radius on the footer element on:http://www.remcokalf.nl/pie/test.html
I am testing on a fresh Windows XP/IE6 install.