Невероятный Form

[Green4el]

В двух разных div имеются поля ввода. Объединяя их в form получается так, что в форму попадает только первое поле. Как сделать оба слоя частью формы и как сделать submit в третьем слое?

PHP код:

<form><div id="layer4" style="position: absolute; width: 130px; height: 20px; z-index: 3; left: 60px; top: 576px"><form method="post" id="login">
    <input name="login" type="text" height="18" placeholder="Логин" autofocus="autofocus" style="width: 110px; height: 15px; background:none; border: 0px">
    </div>
    <div id="layer5" style="position: absolute; width: 130px; height: 20px; z-index: 4; left: 60px; top: 639px">
    <input name="password" type="password" height="18" placeholder="Пароль" style="width: 110px; height: 15px; background:none; border: 0px">
    </div>
    <div onclick="document.myform.submit()" id="layer6" style="position: absolute; width: 45px; height: 15px; z-index: 5; left: 115px; top: 688px">
    </div></form> 


[Лубышев]

<form method="post" id="login"><div id="layer4" style="position: absolute; width: 130px; height: 20px; z-index: 3; left: 60px; top: 576px">
    <input name="login" type="text" height="18" placeholder="Логин" autofocus="autofocus" style="width: 110px; height: 15px; background:none; border: 0px">
    </div>
    <div id="layer5" style="position: absolute; width: 130px; height: 20px; z-index: 4; left: 60px; top: 639px">
    <input name="password" type="password" height="18" placeholder="Пароль" style="width: 110px; height: 15px; background:none; border: 0px">
    </div>
    <div onclick="document.myform.submit()" id="layer6" style="position: absolute; width: 45px; height: 15px; z-index: 5; left: 115px; top: 688px">
    </div></form>

так лучше?

[Green4el]

Сообщение от Лубышев

так лучше?

без изменений

[MrJenika]

для формы position: relative;