div element

hey, ich hab wieder mal ein problem :DD


<div class="register form" style="display: table; #position: relative; overflow: hidden; margin:auto">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div class="reg one"><b>Ihre Email-Adresse</b><hr />
<div class="reg two">Email-Adresse</div>
<div class="reg two"><input type="text" name="email" /></div>

<div class="reg three">Email-Adresse wiederholen</div>
<div class="reg three"><input type="text" name="remail"/></div>

</div></div></div>


bis zur ersten email eingabe funktioniert alles so wie es soll, allerdings wird das "email adresse wiederholen immer noch in der ersten reihe neben dem ersten email textinput angezeigt, ich möchte aber eine neue zeile erzeugen, allerdings bekomm ich das nicht hin alles in eine zeile zu packen :/


css code:
.reg {


-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px

}

.one {
border: 0px solid black;
background-color: #FFFFFF;
color: #9F9F9F;
padding: 10px;
margin: 10px;
width:750px;
height:auto;
align: center;
font-family:"Times New Roman", Times, serif;
font-size:24px;
float:left;

}

.two {
margin:10px;
padding:10px;
font-family:"Times New Roman", Times, serif;
font-size:20px;
float:left;
height:auto;
}

.three {
border: 0px solid black;
background-color: #FFFFFF;
color: #9F9F9F;
padding: 10px;
margin: 10px;
height:auto;
font-family:"Times New Roman", Times, serif;
font-size:20px;

}

dafür eignet sich wohl eine <table> besser.

Ja, eine Tabelle würde da leichter gehen. :D