Ширина input

[spolischook]

Есть элемент input на странице обвернутый в div:

<div id="main-image">
			    <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image">
</div>

Со стилями для всего этого добра:

#main-image {
    border: 1px dashed #b3b3b3;
    width: 280px;
    height: 200px;
}
#fileupload {
    position: relative;
    right: 0px;
    top: 0px;
    font-family: Arial;
    font-size: 118px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    opacity: 0;
    height: 100%;
    width: 100%;
}

Потом выбраный файл хендлится при помощи jquery file upload.

Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через хромовский дебагер смотрю и вижу что инпут находится в рамках дива, но диалог выбора файла возникает при клике за пределами дива...

Посмотреть можно здесь - http://dev.chedream.com/dream/new

login: Dart

pass: Dart

[pashkje]

#create-dream div.description {

position:relative;

}

И всё будет пучком

[npofopr]

font-size: 118px;

убрали бы

[spolischook]

font-size: 118px;

убрали бы

Помогло!!! Спасибо!