jquery移动glyphish图标使用本地图像时不显示图标容器背景

Question

我的图标全部设置在我的页脚中，使用指向演示页面的glyphish图标集glyphish.com/images/demo.png。

然而，当我下载图像并使用我自己的容器图像时，不显示，jsfiddle with demo for demo：

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>