shadow - CSS box-shadow は奇妙な白い領域を示していますか?

Question

次のコードはすべての画像で正常に機能しますが、html5 キャンバス コンテナーで使用すると、実際の影の前に奇妙な白い領域が表示されます。

CSS:

#container{
    width: 500px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0px;
    padding: 0px;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}

HTML:

<div id="container"></div>

結果: http://i.imgur.com/0uk5yVQ.png

---

これを修正する方法を知っている人はいますか？http://css-tricks.com/snippets/css/css-box-shadow/から元のコードを取得しました