Vider un champ de saisie avec un bouton

Bonjour,

Je suis coincé sur quelque chose tout bête (à mon avis) et j'ai grandement besoin d'aide :


J'ai une page web avec un formulaire relativement simple : que des champs text et un bouton pour ajouter un document (une sorte de pièce jointe).


J'ai donc un bouton pour lier un document et un pour l'enlever.
C'est ce dernier qui me pose pose problème.

Voici le code de mon bouton :
OnClick="monfichier.value=''"

Sachant que "monfichier" est le nom du champ de saisie que je souhaite effacer.

Lorsque je clique sur le bouton, la case s'efface bien sur Chrome et Mozilla, mais sous IE8 ... nada !

Précision importante ! Le champ que je souhaite vider est de type "file" (pour avoir le bouton de sélection de fichier), si je le passe en type "text" évident là ça marche.

Pourriez-vous m'indiquer le code aquédat sachant que j'ai déjà fait pas mal d'essais avec différentes syntaxes.

Je précise que je suis débutant en la matière !

Merci d'avance.