problema tabella css dl, dt e dd

[mandrake_01]

Ciao,
sto provando ad utilizzare i css per intabellare dei dati senza usare le classiche tabelle html e sul web ho trovato questo esempio:

HTML

<dl>
<dt>Name: </dt>
<dd>John Don</dd>

<dt>Age: </dt>
<dd>23</dd>

<dt>Day of Birth:</dt>
<dd>12th May 1986</dd>

<dt>Note</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
</dd>
<dt>Telefono</dt>
<dd>6745646464</dd>
</dl>

CSS

dl {
    margin-bottom:50px;
}
 
dl dt {
    background:#5f9be3;
    color:#fff;
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:5px;
    width:100px;
}
 
dl dd {
    margin:2px 0;
    padding:5px 0;
}

Il mio problema sta nel fatto che le "celle" che non stanno in una sola riga (es note) vanno a capo sotto all'elemento dt e non si allineano al dl come farebbe una cella di un tabella normale

Qualcuno sa come poter risolvere questo problema?

Grazie
Ciao