Jquery ui jQuery UI按钮在Internet Explorer 8中设置下移

我有个小脑袋

<script>
    $(document).ready( function() {
        $('.add').button({
            icons: 'ui-icon-plus',
            text: false
        }).next().button({
            icons: 'ui-icon-minus',
            text: false
        }).next().button({
            icons: 'ui-icon-arrowthick-1-w',
            text: false
        }).next().button({
            icons: 'ui-icon-arrowthick-1-e',
            text: false
        });

        $('.radio-container').buttonset();
    });
</script>

<button class="add">Add</button>
<button class="delete">Delete</button>
<button class="left">Left</button>
<button class="right">Right</button>

<span class="radio-container">
    <input type="Radio" name="radio" id="radio_1"><label for="radio_1">Radio 1</label>
    <input type="Radio" name="radio" id="radio_2"><label for="radio_2">Radio 2</label>
</span>

$（文档）.ready（函数（）{
$（'.add'）。按钮({
图标：“ui图标+”，
文本：false
}).next（）按钮({
图标：“ui图标减号”，
文本：false
}).next（）按钮({
图标：“ui-icon-arrow-1-w”，
文本：false
}).next（）按钮({
图标：“ui-icon-arrow-1-e”，
文本：false
});
$（'.radio container'）.buttonset（）；
});
添加
删除
左边
赖特
第一台
第二台

它在Firefox上运行良好，但在InternetExplorer（使用InternetExplorer8测试）上失败，单选按钮向下移动，如下所示：

我怎么修理它

---

我使用jQuery1.4.2和jQueryUI1.8.5。

我认为这与CSS的关系比与jQuery的关系更大。出于某种原因，您将单选输入设置为按钮——我怀疑这是为什么。但无论如何，我只能建议在InternetExplorer8上点击F12，看看你的元素以及CSS是如何表示它们的

---

您可能希望将CSS作为问题的一部分。

jQuery将标签上的CSS设置为8像素的边距。重写并设置CSS标签

{margin:0px；}

以修复它。

我希望此代码可以帮助您解决问题。它在我的IE 8中运行良好

$('.radio-container').buttonset().find('label').css({"vertical-align":"middle"});

---

我在a旁边的上创建的按钮也遇到同样的问题。这些按钮看起来有点偏移，如上图所示。