奇怪的複選框行爲，在不同的瀏覽器中

Question

在我的聯繫人頁面：http://onthemouse.com/contact-us/ 我有一組複選框，它們在firefox中顯示完美，顯示出一些奇怪的行爲（框放大，點擊時變爲灰色，複選標記變小，返回在模糊或當你點擊其他地方時正常），在Chrome和Safari OS X中根本不顯示（根據browserlabs）。 Firefox OS X似乎只顯示點（再次根據browserlabs）。這些只是簡單的複選框，唯一奇特的是id Field[]它有括號，因爲它用於在發送表單時創建和排列。
複選框代碼：

<div style="display:inline;"> 
    <span> 
     <label class="choice" for="Field1" style="display:inline;margin-left:0px;margin-right:5px;"> 
     <input id="Field1" name="Field[]" type="checkbox" class="field checkbox" value="Web Design" style="width:0px;">Web Design  
</label> 
    </span> 
    <span> 
     <label class="choice" for="Field2" style="display:inline;margin-left:0px;margin-right:5px;"> 
     <input id="Field2" name="Field[]" type="checkbox" class="field checkbox" value="Graphic Design" style="width:0px;">Graphic Design 
</label> 
    </span> 
</div> 

表格代號： http://pastebin.com/E3ExGPvv

Answer 1

http://oi47.tinypic.com/11iiude.jpg http://tinypic.com/r/11iiude/6

你沒看錯ID命名的複選框第二行。 語法錯誤。期。