Webkit box-shadow inconsistencies

There appears to be an inconsistency in how Webkit renders the CSS3 “box-shadow” tag depending on whether or not you prefix with “-webkit”.

John Barker brought this to my attention while working on something for Fav.tv so I began to investiate, and sure enough, it’s true:

You can find the code/working example here: http://jsfiddle.net/AK5Pt/2/

CSS3 Horizontal Navigation

Example of a pretty simple horizontal menu with vertical texted, purely powered by HTML and CSS3.

Head over to jsfiddle to see a working example and view the code: jsfiddle.net/qSzMa/4/

Note: This only contains the -webkit css prefixes, you’ll need to update with -moz, -ms, etc for production use.