title: radio button is showing with extra outline in IE and firefox
body: <p>Here is my code for radio button</p>
  
  <pre><code>&lt;div class="question"&gt;
      &lt;label for="gender" style="display: none"&gt;Gender&lt;/label&gt;
      &lt;fieldset class="two-radio"&gt;
          &lt;legend&gt;Gender&lt;/legend&gt;
          &lt;label&gt;
              &lt;input type="radio" id="gender" name="gender" class="radioInput" 
                  ng-model="namedInsured.gender" value="Male" required&gt; Male
          &lt;/label&gt;
          &lt;label&gt;
              &lt;input type="radio" id="gender" name="gender" class="radioInput" 
                  ng-model="namedInsured.gender" value="Female" required&gt; Female
          &lt;/label&gt;
      &lt;/fieldset&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Its working finr in chrome but for IE its showing dotted outline and in firefox when you select radio button than it shows outline but after going to next element its not.
  I also have other radio button in same page with same problem.
  So can anyone help me with removing these outlines?
  Thank you in advance for your time</p>