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

[fcaldera]

io ho fatto qualche esperimento e mi pare che su Opera, Safari, Chrome e Firefox funzioni bene... ora lo testo su IE6 e IE7


http://jsfiddle.net/fcalderan/Wecnu/


edit: su IE8 funziona (e presumo anche su IE9)
purtroppo su IE7 c'è da fare qualche aggiustamento
ci penso ma si accettano suggerimenti

[mandrake_01]

Ottimo!
Aspettando le modifiche per ie7 ti faccio i miei ringraziamenti!

[fcaldera]

Originariamente inviato da mandrake_01
Aspettando le modifiche per ie7 ...

puoi provare a metterci mano anche tu eh?

[mandrake_01]

Originariamente inviato da fcaldera
puoi provare a metterci mano anche tu eh?

Hai ragione, ma non ho + ie7 e soprattutto non so se sono in grado..