title: radio button looks like checkbox in IE (and some FF)
body: <p>I have created website where I have radio buttons.</p>
  
  <p>When I look them in Chrome, they looks fine.</p>
  
  <p>But when I open them in IE, they looks like checkbox. They have square radio.</p>
  
  <p>I tried with below CSS, </p>
  
  <pre><code>.radio, input[type=radio] {
      border: none;
      box-shadow: none;
  }
  </code></pre>
  
  <p>but still the square part is there. I don't know whether its shadow or something else.</p>
  
  <p>You can check that at </p>
  
  <p><a href="http://www.smartprojects-kw.com/faces/survey.xhtml" rel="nofollow">http://www.smartprojects-kw.com/faces/survey.xhtml</a></p>