jquery - ローカル画像を使用している場合、jquery モバイル グリフィス アイコンがアイコン コンテナの背景を表示しない

Question

デモ ページ glyphish.com/images/demo.png を指すグリフィス アイコン セットを使用して、すべてのアイコンをフッターに設定しました。

ただし、イメージをダウンロードして独自のコンテナー イメージを使用すると、デモ用のコードで jsfiddle が表示されません。

http://jsfiddle.net/NkjQr/1322/

    <div data-role="footer" class="nav-glyphish-example" data-position="fixed"> 
            <div data-role="navbar" class="nav-glyphish-example" data-grid="d"> 
                <ul> 
                    <li><a href="#" id="favorite" data-icon="custom" ></a></li> 
                    <li><a href="#" id="recent" data-icon="custom"></a></li> 
                    <li><a href="#" id="contacts" data-icon="custom"></a></li> 
                    <li><a href="#" id="keypad" data-icon="custom"></a></li> 
                    <li><a href="#" id="voicemail" data-icon="custom"></a></li> 
                </ul> 
            </div> 
    </div>