RadioButtonList messed up in IE <p>I have a RadioButtonList:</p> <pre><code>&lt;p&gt; &lt;label for="rblIAm"&gt;I am&lt;/label&gt; &lt;asp:RadioButtonList ID="rblIAm" ValidationGroup="RegForm" runat="server"&gt; &lt;asp:ListItem Text="Gay" Value="Gay"&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text="Bisexual" Value="Bisexual"&gt;&lt;/asp:ListItem&gt; &lt;asp:ListItem Text="Straight" Value="Straight"&gt;&lt;/asp:ListItem&gt; &lt;/asp:RadioButtonList&gt; &lt;/p&gt; </code></pre> <p>With CSS like so:</p> <pre><code>label { float: left; width: 10em; font-size: 90.9%; padding-left: 1em; } input { background-color: #000; border: 1px solid #fff; color: #fff; font-size: 90.9%; height: 20px; clear: right; } input[type=radio] { height: 11px; border: none; border-color: transparent; } </code></pre> <p>In Chrome it looks fine:</p> <p><img src="https://i.stack.imgur.com/p74ih.jpg" alt="Chrome"></p> <p>In IE it looks messed up:</p> <p><img src="https://i.stack.imgur.com/qXJmH.jpg" alt="enter image description here"></p> <p>Can someone explain what's going wrong and the fix?</p> <p>Thanks</p>