使用Bootstrap 3单选按钮在IE11上显示不佳

Question

在IE 10和11中，单选按钮与按钮旁边的文本重叠。

html代码如下：

<div class="radio">
    <label class="radio col-xs-offset-3 col-xs-10" for="member_no_photo-0">
        <input type="radio" name="member_no_photo" id="member_no_photo-0" value="0" class="form-control">&nbsp; Ja
    </label>
    <label class="radio col-xs-offset-3 col-xs-10" for="member_no_photo-1">
        <input type="radio" name="member_no_photo" id="member_no_photo-1" value="1" checked="checked" class="form-control">&nbsp; Nee
    </label>
</div>

在IE以外的其他浏览器中，单选按钮显示如下： http://www.miocrates.com/images/Schermafbeelding%202016-03-22%20om%2011.07.08.png

在IE 10和11上，它们显示如下（我已经将单选按钮背景透明化，甚至可以看到标签文本。）

http://www.miocrates.com/images/Schermafbeelding%202016-03-22%20om%2011.06.51.png

这可能是什么情况？