Styling File Inputs with CSS [ , JS]

Tested and compatible wit IE6, Firefox 2.0, Opera 9.21, Safari 3.03 (windows), Safari 2.0 (Mac)

<form> <div class="input-file"> <label> <span>Select File</span> <input type="file" name="my-input-file" /> </label> <var><input type="text" name="my-input-file-path" value="select your file..." readonly="readonly" />&nbsp;</var> </div> </form>
width:auto;
 
width:40em;
 
width:30%;
 
width:300px;
 
Without file path