Javascript Chrome更新后的jQuery UI按钮问题

按钮无线电集的生成方式如下：

var sel = $("<div id='an_options' style='font-size: 10px;float:left;'><input id='single' type='radio' name='aopt' checked='checked' value='1'/><label for='single'>F</label><input id='port_an' type='radio' name='aopt' value='2'/><label for='port_an'>P</label><input id='port_c' type='radio' name='aopt' value='3'/><label for='port_c'>C</label></div> ");   
var container = $("<div class='btn_cont' style='margin-left: 3px;'></div>");
container.append(sel);
$("#an_options").buttonset();

var sel=$（“FPC”）；
变量容器=$（“”）；
容器。附加（sel）；
$（“#an#u选项”）.buttonset（）；

在Chrome更新到33.0.1750.117之前，一切都运转良好。现在按钮元素被放置在不同的线上（参见图1）

因此，我打开一个Chrome开发者工具，禁用/启用div“#an_options”的“float:left”属性。一切正常，按钮集显示OK（参见图2）

图一:图一。2：

IE和FF使一切正常。同样，问题是在更新Chrome之后开始的。。。。它在以前的Chrome版本上仍然显示OK

有什么建议吗

附言：仍然无法让它工作。这是另一个例子：

---

如你所见，右边的底部还可以-只有按钮组坏了

嗨，你能提供一把小提琴吗？这感觉更像是一个css问题，而不是dom操作问题。一秒钟--创建一个提琴…现在我们开始：在提琴中，一切都很好，但在我的实时代码中却不行。对于同一版本的Chrome，我觉得很好。你有没有试过查看任何可能导致问题的Chrome扩展？