file要素を隠す方法

ファイルアップロードするための「file」要素とういのは
「参照...」ボタンなどの外観をコントロールできない。
以前は「file」要素を見えないようにして、
$("a.upload").click(function(){ $("input[type=file]").click(); });
などとできた気がしたのだが、
いつの間にかできなくなっていた。
、、、で、フォーム初期化時に「file」要素のスタイルをいじる方法。

<a class="upload" href="javascript:;">
  アップロード
  <input type="file" style="display:none;" />
</a>

<script type="text/javascript">
$(function(){
  $("a.upload")
    .css({display:'block',position:'relative',overflow:'hidden'})
    .find("input[type=file]")
    .css({position:'absolute',right:'0',opacity:'',display:''})
    .change(function(){
      //アップロード処理
      alert($(this).val());
    });
});
</script>