HTML не соблюдающее переполнения скрытого

Question

У меня есть file input элемента внутри div с border-radius и overflow набором для hidden, но по некоторым причинам я могу активировать вход файла, нажав в области в border-radius отрежет.

JS Fiddle: http://jsfiddle.net/7consvgu/1/

Answer 1

I have updated your code is JSFiddle - [https://jsfiddle.net/7consvgu/4/][1] 
    * Changes: Input width added: 100%; 
    * Border-radius: same as circle 
    * Box-sizing: border-box for all elements for normalize 
    * Padding: to align text horizontal & vertical center