title: Form input border-radius not working properly
body: <p>I am testing with CSS on forms and bumped on this: <a href="http://jsfiddle.net/gespinha/z4a4G/1/" rel="nofollow">http://jsfiddle.net/gespinha/z4a4G/1/</a></p>
  
  <p>As I try to make the form inputs round-cornered, they assume the whole input as a round object.</p>
  
  <pre><code>border-radius:50%;
  </code></pre>
  
  <p>Any suggestion on how to achieve this correctly?
  Why does this happen?</p>