Radio button / Check box moves on being clicked in safari 8 and 9 on mac machine

I have a form with checkboxes and radio buttons, I need to give it height and vertical-align it to middle so as to align with label (it can have varying line height)

    input[type="checkbox"],input[type="radio"] {
    margin:0px;
    vertical-align: -webkit-baseline-middle;
    float: none;
    height: 38px;
  }

label {
 line-height: 38px;
}