Internet Explorer 7.0 Opacity 0.0 on input type file

Created For: http://stackoverflow.com/questions/10575850/opacity-input-file-on-ie7-ie8

by Salustiano Silva

HTML

<div class="teste">
    <input type="file" name="teste" class="the_file" />
    teste
</div>

CSS

.teste {
   width:300px;
   height:100px;
   position:absolute;
   top:10px;
   right:10px;
   overflow:hidden;
   background-color:#FF0000;
   opacity:1; 
   filter:alpha(opacity=100);
}

.the_file {
    display:block;
    width:300px;
    height:100px;
    position:absolute;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    top:10px;
    right:10px;
}