Jquery mobile 面板中的控制组似乎不工作

我正在用JQM开发一个应用程序。我想使用面板中的控件组作为菜单，但它不工作，我希望

请参见此处的JSFIDLE>单击左上角的齿轮按钮：

如何删除按钮顶部和底部的边距

HTML:

---

多谢各位

正如Omar所说，问题来自于我的文本编辑器在控件组元素之间添加的未知原因。

已在锚之间添加锚，删除它们并从panel div中删除类“ui panel inner”，它将动态添加并包装内容。的确非常感谢。附加问题：您知道如何删除按钮的圆角吗？我已经删除了所有的ui角，但它不工作。Try data corners=false添加到controlgroup div。

<div data-role="panel" id="home-options" data-display="overlay" class="ui-mini ui-panel-inner">
    <div data-role="control group">
        <a href="#" class="ui-btn ui-corner-all">No icon</a>
        <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-left">Left</a>
        <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-right">Right</a>
    </div>
</div>

.ui-panel-inner { 
    padding: 0 !important;
}