
Inconsistent box shadow rendering in IE8 using PIE
We did the HTML/CSS for a client of ours and as they wanted all of the CSS3 niceness to work on Internet Explorer 8 we used PIE bridge the gap.
Everything looked great in the initial testing/ deployment phases but now they've added more content to their website a strange thing is happening on some of the pages.
When viewed in IE8 (I'm using a virtual machine running XP/IE8) some of the drop shadows are rendered outside of the image, or behind the image and appear as dark grey blocks - sometimes overlapping existing text. There appears to be no pattern or consistency for how the shadows are rendered.
Here's the live page:
http://www.horowhenua.govt.nz/Living/About-Horowhenua/District-Image-Gallery/Here's a screenshot from IE8:
http://img402.imageshack.us/img402/6263/pieshadowsimagegallery.pngTo make things more complicated the shadows appear properly if the page is refreshed.
Any possible solutions appreciated.