I am facing an interesting problem where hovering over a skewed li
element with a CSS3 transform and a shadow applied causes the generated shadow to display incorrectly. You can see the issue for yourself here - http://jsfiddle.net/mabbage/BLD5Z/1/
It appears that this problem is specific to web-kit browsers (Chrome and Safari). Does anyone know of a workaround for this issue?
One observation I have made while experimenting with it is that removing the shadow from the nav object resolves the issue completely (although I would prefer to have a shadow behind the entire list).