Drop shadow not appearing on li elements

I'm adapting a technique shown on net.tutsplus.com regarding cool shadow effects on elements.

Now, for some reason, after my elements all sequentially appear on the page, th开发者_StackOverflowere are no proper shadows. They are completely hidden.

For some reason however, as they are sequentially appearing, you can sort of notice the shadow.

If someone can help identify the problem, that would be fantastic!

Problem may be seen here.

The shadows are working for me in Chrome, Firefox, and Safari. You are using the correct CSS elements for all these browsers. However, any browsers (such as Internet Explorer) that do not support the CSS3 shadow elements will be unable to show this effect.

There are alternative ways to get shadows to work cross-browser using nested <div>s and background-images or JavaScript. I know there are many jQuery plugins that achieve this. It all comes down to how important shadows are to you.