Кнопка загрузки файла и странное поведение текстового курсора в IE

Я создал кнопку загрузки, отформатированную так, чтобы она выглядела как обычная html-кнопка, вместо стандартной формы загрузки файла в браузере. Подход заключался в том, чтобы стилизовать элемент привязки и наложить сверху прозрачный элемент ввода файла.

Этот подход отлично работает во всех браузерах, кроме IE. В IE, когда пользователь нажимает кнопку загрузки, появляется текстовый курсор, как если бы пользователь щелкнул поле ввода текста. Пользователь может вызвать диалоговое окно загрузки файла, дважды щелкнув кнопку. Но это не то поведение, которое мы хотим или которого кто-то ожидает.

Я не понимаю, почему это происходит. Я создал jsfiddle, демонстрирующий проблему здесь: http://jsfiddle.net/davelee/yfSmc/3/