Easy restyling of input type file with javascript + jquery. Css fix needed D: on jsfiddle

Question

Hello i trying to style the input[type="file"]. But like one old man sayed: "One Jsfiddle is better of 1000 words" so.... here you go

--- More details inside --> http://jsfiddle.net/StartStep/4ZuGj/

problem 1 : when i add more files those arent displayed in field...we need to extend it css solution prefered jquery less favorite ^^ thanks for your help

problem 2 : how to expand the transparent file input to 100% height with position absolute?

I thinks the main problem is with position: relative and absolute.....

Answer 1

Try setting opacity to 0 on the file input

.upfield input[type=file]{
    opacity:0;
    width:100%;
    height:100%;
}

http://jsfiddle.net/4ZuGj/4/

Update

http://jsfiddle.net/4ZuGj/5/

For IE also add height:100%

http://jsfiddle.net/4ZuGj/7/