Définir la position d'un élément

Bonjour,

J'ai le formulaire suivant:
<FORM Method="POST">
<div id="pg1" style="visibility: visible;">
Nom : <INPUT type=text size=20 name=nom><BR>
<input type="button" onclick="nextB2()" value="next ">
</div>
<div id="pg2" style="visibility: visible;">
Prénom : <INPUT type=text size=20 name=prenom><BR>
</div>
</FORM>

et la fonction nextB2:
function nextB2(){
document.getElementById("pg1").style.visibility = "hidden";
document.getElementById("pg2").style.visibility = "visible
}

Lorsque l'utilisateur clique sur le bouton "next", le champ nom n'apparaît plus, seulement le champ prénom. C'est bien ce que je veux, le problème, c'est que je veux que le champ prénom apparaisse au même endroit que le champ nom, alors que là, il descend. Comment faire?

Merci d'avance!