爲什麼jQuery UI單選按鈕之間出現間隙？

Question

我正在使用jQuery主題單選按鈕;

$(function() { 
    $("#chart_switch").buttonset(); 
}); 

的HTML：

<form> 
    <div id="chart_switch"> 
     <input type="radio" id="pie" name="chart_type" value="pie" checked="checked" /><label for="pie">Pie</label> 
     <input type="radio" id="bar" name="chart_type" value="bar" /><label for="bar">Bar</label> 
    </div> 
</form> 

結果：

我不明白的是爲什麼會出現兩個選項之間的間隙。我使用的Firefox 8.0和也出現在瀏覽器（V15.0）

Answer 1

花費一個小時的研究和嘗試對這個問題的所有方案，然後終於發佈我的問題上SO，從字面上5分鐘後來我發現，我的jQuery需要更新......一旦我更新了這一點，它表現爲預期後。

Answer 2

刪除邊距和填充從通過CSS單選按鈕相同的，並且使它們左浮動。
這就是我可以不看你已經應用了CSS說。

Answer 3

它看起來我的機器（無間隙）就OK了。這可能是您選擇的用戶界面主題。