單選按鈕浮在我的Firefox卻沒有關於我的朋友的Firefox

Question

我使用這個CSS代碼顯示在同一行多個單選按鈕：

#new .radioLine 
{ 
width: 400px; 
float: left; 
} 

#new .radio 
{ 
width: 80px; 
height: 20px; 
float: left; 
} 

.radioLine圍繞.radio div的，例如：

<div id="new"> 
<div class="radioLine"> 
<div class="radio"><input type="radio" name="radio" value="one">One</div> 
<div class="radio"><input type="radio" name="radio" value="two">Two</div> 
<div class="radio"><input type="radio" name="radio" value="three">Three</div> 
</div> 
</div> 

在我的Firefox瀏覽器，這些都出現在同一行，但在同一頁我朋友的電腦上，也火狐下，每出現一個單獨的行。

Answer 1

也許他們應該清除瀏覽器的緩存。或者多次刷新頁面。

Answer 2

一些修改CSS規則，因爲你使用不會對所提供的標記工作的選擇（有ID爲new任何地方任何元素）：

.radioLine 
{ 
    width: 400px; 
} 

.radio 
{ 
    width: 80px; 
    display: inline-block; 
} 

例子（FF，IE工作和Chrome）：http://jsfiddle.net/RNEJZ/