问JQuery/CSS -分段控制

EN

我在Segmented Control in Javascript上找到了一个很棒的帖子，里面提到了创建分段控件的一个很好的解决方案，这里有一个很棒的解决方案：http://jsfiddle.net/LdZk8/1/

jquery非常简短，这很棒：

$("ul.buttonGroup").click(function (event) {
    $("li", this)
    .removeClass("selected")
    .filter(event.target)
    .addClass("selected");
});

我的问题是，这在safari和chrome中工作得很好，但在firefox中却不能正确呈现。只需在firefox中查看小提琴并点击run，您就会看到。

有人知道我该怎么纠正这个问题吗？我相信这是与CSS相关的，也许webkit元素被忽略了，但我不确定如何为FF修复这个问题。

谢谢!