upload image from input[type=file] using label (so without nast file element)

which works in IE 8 and that's awesome!

by dsgnr

HTML

<form method="post" enctype="multipart/form-data" action="http://hotblocks.nl/_http_server.php">
    <label for="picture">Click to upload picture</label>
    <input type="file" id="picture">
    <span id="filename"></span>
</form>

CSS

#picture {
    /*opacity: 0;
    filter: alpha(opacity=0);*/
    display:none;
    position: absolute;
    left: -9999px;
}
label {
    cursor: pointer;
}