html – div中的输入复选框跳转到firefox上的页面顶部

我使用div over label并输入type =“checkBox”.我这样做是为了让复选框看起来像一个按钮.

这是我的例子：http://jsfiddle.net/Je87Q/

我应该怎么做一个复选框或标签/输入,它将停止跳到我的页面顶部？

这只发生在Firefox上.知道如何解决这个问题吗？

解决方法

DEMO

只需要一个小的CSS更改

#modbutton label input {
    /* position:absolute; */
    /* top:-20px; */
    display:none; /* ADD */
}