html - CSS レイアウトで影を作成するための背景画像に関する問題

Question

Photoshop から HTML+CSS コードに至るまで、固定テーブル CSS レイアウトを作成する方法をチュートリアルで勉強しています。

これは、チュートリアルで提案された最後の例です (最後にどのように見える必要があるか):

http://www.html.it/articoli/1688/template/11-css.html

これは以前のテンプレートの私の個人的なバージョンです: http://onofri.org/example/WebTemplate/

左の列の左の影でFirefoxに問題があることをどのように確認できますか（他のブラウザでは他の問題があります）

サンプル テンプレートのように、bgpage.gif イメージを #container div の背景として設定し、この div の右側に配置して、この影を作成しました。

#container {
    /* consente di posizionare un elemento al centro del suo contenitore (non tutti i browser la supportano) */
    margin: 0 auto;
    width: 770px;   /* Imposto la larghezza */
    background: url(../images/bgpage.gif) repeat-y scroll 103% 0 transparent;
}

チュートリアルで提案された例ではうまくいき、私の例ではうまくいかないのはなぜですか?

誰かが私が解決するのを手伝ってくれる？

TNX

アンドレア