I've been beating my head against the wall on a template I'm creating for a client. I've got shadows and rounded corners working on the drop down portion of the top nav menu - but the top <li> elements have rounded corners and shadows during hover - and those are not displaying for some reason.

test site is here: fsb.xigko.com

I'm using rounded corners a lot in this design, and pie seems to be working on everything except the top li dropdown. I've tried the known issues - and just can't figure this out. I thought maybe it was because I only have borders on 2 sides, instead of all f - but it works on the drop-down and that has the border-radius: 0 5px 5px 5px;

I'm really losing my mind here - so any advice appreciated

Are you applying the behavior only to the :hover rule? Try applying the behavior to the regular element, style it with no border-radius and then style your :hover with border-radius.

Thanks Tonttu - that sorted it out for me.

I didn't realize I'd have problems just applying to the :hover element.

Cheers,
Barbara