Say I have this style:
border-bottom: 0.417em solid #FDDEA7;
-moz-border-radius: 0.5em 0.5em 0 0;
-webkit-border-radius: 0.5em 0.5em 0 0;
border-radius: 0.5em 0.5em 0 0;
What should happen is that the top left and top right corners of the box should be rounded, and a border should be added along the bottom of the box.
If I try and get CSS3PIE to render this the rounded corners are applied, but the border is not rendered. Instead the colour from the border appears in the background of the box, dividing it into alternating diagonal triangles of the desired background colour and the border colour. It looks very odd. Removing the "behaviour" call reverts the box to a normal (but rounded corner-less in IE) state. I'm testing with IE8.
This appears to be due to the 0.417em length in the border. If I change that to a whole-pixel value it renders properly.
Fixed by rounding border widths to the nearest whole-pixel value. http://github.com/lojjic/PIE/commit/6da61531397d96db0cc4560fd0ea85932cfd9c2e
Thanks for reporting this issue!