上传文件自定义样式问题


<div class="fileupload">
    <a href="javascript:;" class="add_btn">添加附件</a>
    <div class="fileupload_div" onclick="upfile_click(this)">
        <asp:FileUpload ID="FileUpload1" runat="server" CssClass="fileupload_input"/>
    </div>
</div>
<style>
.fileupload{
position:relative;
}
.fileupload_div{
filter: alpha(opacity=0);
-webkit-opacity:0;
-moz-opacity:0;
opacity:0;
background-color:black;
cursor:pointer;
height:16px;
left:0;
overflow:hidden;
position:absolute;
top:0;
width:72px;
margin-left:10px;
}
.fileupload_input{
filter: alpha(opacity=0);
-webkit-opacity: 0;
-moz-opacity: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
}
</style>我想实现像163邮箱那样的上传附件功能，照样复制了一部分样式，实现了隐藏系统上传框，改为自己定义的链接
现在遇到了问题，点击链接没有弹出选择文件，看了一下，是把上传文件的那个input设置成了hidden；（设置成hidden就不能响应鼠标事件）去掉visibility: hidden;就可以了，但这不是我想要的效果，因为这样，file框就在最上层了，外层的div不能显示设置好的鼠标形状，而那个文件选择框又不能设置鼠标样式（chrome无效，ie6有效），难道还有什么没copy到的？