This is a really weird behaviour. The linear-gradient is applied just fine but box-shadow on some elements only appear once you hover the mouse over the elements. For example: In the three rectangular boxes below the search box.

Any help will be highly appreciated.

PS: Sorry about adding the URL as code. Its a development website and don't want it crawled.

This looks a lot like http://github.com/lojjic/PIE/issues#issue/23 -- in both cases I don't know the cause yet but will work towards finding a solution.

In the meantime, the only workaround I can think of is to trigger the elements to update their rendering by changing a property on them such as className. I see you're using jQuery... you could try something like

I had the same issue with some elements on only a few pages using PIEv2 - applied the workaround as Jason suggested and it worked beautifully!