2 columns horizontal allignment

Hi

i am using a css code to create a 2 columns form and it works. But i can’t allign properly on the horizontal line when i use different tags (for example a date in smaller )than a text so it disallign everything and with <br/> i am not able to reallign it properly……

thanks a lot

<div id=”left”>
<label> Nome Ragazzo/a
[text* nome-r] </label>

<label> Sesso
[radio radio-987 label_first default:1 “Maschio” “Femmina”] </label>

<label> Luogo di nascita
[text* luogo-nascita] </label>

<label> Data di Nascita
[date* nascita] </label> <br/>

<label> Residente a
[text* luogo-res] </label>

<label> Via
[text* indirizzo] </label>

<label> Tel. partecipante
[tel* tel-p]

<br/> <br/>

<label> Nome Genitore
[text* nome-g1] </label>

<label> Tel. genitore
[tel* tel-g1]

<br/>

<label> Nome Genitore
[text* nome-g2] </label>

<label> Tel. genitore
[tel* tel-g2]

</div>

<div id=”right”>
<label> Cognome Ragazzo/a
[text* cognome-r] </label>

<br/>
<label> Provincia
[text* prov] </label>

<label> Codice fiscale partecipante
[text* cf] </label>

<label> Provincia
[text* prov2] </label>

<label> CAP
[text* cap] </label>

<label> Email per invio documentazione
[email* your-email] </label>

<br/> <br/>

<label> Cognome genitore
[text* cognome-g1] </label>

<br/> <br/> <br/>

<label> Cognome genitore
[text* cognome-g2] </label>

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

</div>

The page I need help with: [log in to see the link]