I have a slide show that is being run by jquery cycle. Because of certain CMS page features, its position is set only after the page has finished loading. IE8 positions the shadow at the 0, 0 of the body, and not with the slide show, however if the browser is scrolled, the shadow jumps right into place. I have the slide show contained in a wrapper div and the css written in that div on a linked style sheet. The wrapper div has the id="bigSlideShow", and the css is as follows:
#bigSlideShow {
position:relative;
width:601px;
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
behavior: url(ie_effects/PIE.htc);
margin-top:15px;
margin-left:80px;
}
I tried zoom:1 and also gave it a height, but that does not work. Only scrolling the IE8 browser made it reposition behind the slide show. Any suggestions? No problem with other browsers.

I finally solved the problem. If anyone else has same problem, then I'll post the solution.

Hi there,
I got the same problem on IE8 every time I reload a page with a box shadow rendered by PIE. I think the error appears when leaving the page. So here is your chance to share your solution with us.
Thanks.

hm... so what is your solution for this? If I have a spacer right under body it has to be display: none on startup?

Tried this, but didn't helped.

Go to http://shellslagle.com/ and view source. You set display of the spacer to none on the local page not in the linked style sheet where its height property is set, and then set it back to block in script on local page. You can also us document.read to display none and window. load to display block. Document. ready executes before window.load. I'm no guru, but this css toggle works for me.

Sorry but this seems no solution in my case. Thanks to you!

Anybody else solved this IE8-Reload-Crashing Problem?

When I use the javascript version of PIE, the error is away. Maybe this is my only chance!

EDIT: But this only works for 2 shadowed elements. When I have more the error appears again.

I'm not using the java script version of PIE. There are over a dozen elements on the home page, and the other pages have about as many. This is a CMS website that the user has the ability to add 99% of everything you see. There is a special text editor that has PIE elements in it. They can upload all their graphics as well as you tube videos. It is a complex website and PIE works like a charm. Sorry your having a problem, but I'm using PIE.htc.

Frustrating problems is there any other solutions? it seems like nothing is working for me