Jquery UI - Chrome can't do effect without runing my CSS

Question

$(".switch .fs").click(function() {
    $(this).parent().effect( "shake");
});

please see: http://jsfiddle.net/V59c5/4/

If you use Chrome and click the button, you will see the switch messes up and leave a 4px gap, but Firefox does good.

Is there a way to fix it?

Answer 1

Chrome adds a margin to checkboxes, you'll have to set the margin to zero

.switch input[type=checkbox] {
    margin: 0;

    ....

FIDDLE