First off, I'm loving PIE.
Really great work, and it's making the anxiety of waiting for CSS3 to become ubiquitous less painful.
Anyway, I’ve run into an issue and I’m wondering if there’s a known solution to it.
I’ve searched this forum, and gone through the known issues but can’t find reference to it.
Here’s the problem:
I have a container div with the overflow set to auto.
Within that div I have more divs which use PIE’s border radius, drop shadow and gradient.
Initially all appears to be ok. But when I scroll the container div the content of the inner divs is no longer aligned with the PIE styles, and it all falls to pieces.
I’ve given the container relative positioning and a z-index of 0 which fixed an earlier issue I was having, but in doing so caused this.
border:1px solid #e4e4e4;
border:1px solid #CCC;
-moz-box-shadow: 0px 0px 10px #d2d2d2;
-webkit-box-shadow: 0px 0px 10px #d2d2d2;
box-shadow: 0px 0px 10px #d2d2d2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fefefe), to(#eaeaea));
background: -moz-linear-gradient(#fefefe, #eaeaea);
-pie-background: linear-gradient(#fefefe, #eaeaea);