Also, just noticed another bug/issue...

A strange horizontal bar appears in the background of the DIV(s) that has PIE applied to it.

See example here: http://cl.ly/9b4de2842ef5ca39a8ed (notice the bottom part of the image shows what the box looks like without PIE and the top half shows what happens after PIE is applied - a light grey horizontal bar appears just under the pink header?)

This is along with the dodgy corner overlaps (as per my post above).

Any help greatly appreciated.

Kind regards,
Mark

Thanks very much for reporting these issues.

The first issue (overlapping corners) looks to be a variant of a logged bug: http://github.com/lojjic/PIE/issues/#issue/11

I don't know of a current workaround, unfortunately you'll have to wait until this is fixed (hopefully beta2)

For the second issue... I can't reproduce the issue with the code snippets you pasted in, I'm guessing you added PIE w/gradient to the h2. Can you paste in that code please? My hunch is it's an issue with hasLayout, but I'd like to have the testcase to be sure and hopefully help you find a workaround.

Hi Jason,

Really sorry for the late reply, I've been on holiday for the past week!

No there is no PIE gradient applied actually.

It's exactly as per the CSS provided.

So the gradient set on the main DIV "home-find" is a background image "../Images/navigation.png".

Any help you could give would be great.

The first issue I've managed to partially sort out by shrinking the left/right/bottom borders from 3px to 2px and then setting the top border to 1px. I now just need to work out how I can apply a border to the top of the box which is 2px thick? Might have to get creative with background colours/image positioning?

But definitely need to work out that odd horizontal line!

Kind regards,
Mark