（某些）单选按钮在IE中无法点击

Question

以下在任何浏览器中都可以正常工作*

*除了IE ......

<div class="radio-groups">

    <fieldset class="radio-group diameter" id="diameter">

        <div class="option hidden"><span>DIAMETER</span></div>

        <input type="radio" id="radio-01" name="diameter" value="1.75">
        <label class="option" for="radio-01"><span>75mm</span></label>

        <input type="radio" id="radio-02" name="diameter" value="3.00">
        <label class="option" for="radio-02"><span>85mm</span></label>

    </fieldset>

    <div class="clear"></div>

    <fieldset class="radio-group volume" id="volume">

        <div class="option hidden"><span>VOLUME<small>WEIGHT / LENGTH</small></span></div>

        <input type="radio" id="radio-04" name="volume" value="500">
        <label class="option" for="radio-04"><span>500cm&sup3;<small>(calculating)</small></span></label>

        <input type="radio" id="radio-05" name="volume" value="1000">
        <label class="option" for="radio-05"><span>1000cm&sup3;<small>(calculating)</small></span></label>

        <input type="radio" id="radio-06" name="volume" value="2000">
        <label class="option" for="radio-06"><span>2000cm&sup3;<small>(calculating)</small></span></label>

    </fieldset>

    <div class="clear"></div>

    <fieldset class="radio-group spool" id="spool">

        <div class="option hidden"><span>SPOOL</span></div>

        <input type="radio" id="radio-08" name="spool" value="standard" checked>
        <label class="option" for="radio-08"><span><img src="/img/spool.svg"><br/>Standard<br/>&nbsp;</span></label>

        <input type="radio" id="radio-09" name="spool" value="eger">
        <label class="option nothin" for="radio-09"><span><img src="/img/spool.svg"><br/>Eger</span></label>

        <input type="radio" id="radio-10" name="spool" value="drem">
        <label class="option" for="radio-10"><span><img src="/img/spool.svg"><br/>Drem<br/>&nbsp;</span></label>

        <input type="radio" id="radio-11" name="spool" value="stan">
        <label class="option" for="radio-11"><span><img src="/img/spool.svg"><br/>Stan<br/>&nbsp;</span></label>

    </fieldset>

    <div class="clear"></div>

</div>

它看起来像这样：

当我点击“直径”单元格内部时，无论是文本还是文本周围的区域 - 都会被选中， 当我在文本上单击“音量”单元格时，它不会被选中，但是当我单击文本周围的区域时 - 它会被选中， 当我在文本上单击“spool”单元格时，它会被选中，在图像上，它不会被选中[忽略此处不正确的图像比例]，在图像或文本之外的区域 - 它被选中。

我的问题很简单：如何调试？

甚至附加到前两个字段集的点击，但没有它就完全相同。