[Hron]

Привет js'ерам!
Мне очень интересно решение следующей задачи:
Допустим у нас существует какая-то форма с известным id.
К примеру такая:

<div id="overlay">
     <div>
          <form id = 'forma' method=" " action=" ">
          <input type='file'/>
          <input id= 'ok'type='button' value='OK'/>
          </form>
     </div>
</div>

Нужно ее динамически заполнить различными элементами(button, radio, text,etc.) Для заполнения я воспользовался следующим:

var input = document.createElement("input");
input.setAttribute("type", "button");
input.setAttribute("value", "wow!");
forma.appendChild(input);

Но таким способом кнопка добавляется "в конец", а необходимо, чтобы она добавлялась в определенной позиции на форму, например на расстоянии 30px от нижней границы формы. Я пробовал

input.style.position = 'inherit';
input.style.bottom = '20px';

Но результат меня не обрадовал. Буду рад опробовать ваши идеи.

P.S.: может быть ошибся темой.. вроде бы вопрос интерфейса, но и DOM тут замешан.