This is odd. I have 2 div's next to each other and sometimes it'll be both of them, sometimes it'll just be the first. But it's supposed to look like this gradient always goes all the way across. Putting it on parent has it's own issues so I faked it by putting it on both.

So, I get away with this illusion in everything but PIE. You can tell that the gradients are either not exactly linear or if they are, they are a little off vertical or horizontal.

Here it is in PIE


Here it is in FF 3.6.3


Here's my PIE css:
div#peepUp div.serviceLogo{
-pie-background: linear-gradient(center bottom,rgb(170,222,249) 0%,rgb(63,158,210) 100%);
position:relative;
}

Here's Moz:
div#peepUp div.serviceLogo{
background-image: -moz-linear-gradient(center bottom,rgb(170,222,249) 0%,rgb(63,158,210) 100%);
display:block;
}

Anyway, I don't know if this is something I'm doing wrong or if PIE's a degree off or something. I suppose I can always do the gradient with an image but I'm trying to save myself an http request.

Cheers,
tack

That is very odd indeed! I think I see what's going on in the code to cause it -- gradient angles in VML are pretty silly so I have to run a conversion from "real" angles to VML angles, and that conversion can end up with values slightly off 0/90/180/270 degrees.

I've opened ticket http://github.com/lojjic/PIE/issues/issue/64 to track this. It should be a relatively easy fix.

Thanks very much for reporting it!

Hey, no prob. Thanks for the yummy PIE.