Definition list opmaken met tabeluitzicht

[Yoeri]

Ik ben bezig een ouwe ranzige site met javascript en lelijke html en tabelopmaak om te zetten naar Joomla 1.5 met een volledig css-based template, dus geen tables meer. Nu had ik in de oude site volgende pagina:



Nu heb ik dit lijstje in de nieuwe site opgesteld als een definition list, wat mij het meest logische leek. Dat ziet er in de html dus als volgt uit:

HTML:

<dl>
<dt>U.Z. Brussel</dt>
<dd><p>Prof. A. Malfroot</p>
<p>Laarbeeklaan 101<br />1090 Brussel</p>
<p>Tel: [phone]<br />Fax: [phone]</p>
<p><a href="mailto:[e-mail]">[e-mail]</a><br /><a href="http://www.mucojette.be" rel="external"></a></p>
</dd>
<dt>U.Z. Gasthuisberg</dt>
<dd><p>Prof. K. De Boeck (kinderen)<br />Prof. L. Dupont (volwassenen)</p>
<p>Herestraat 49<br />3000 Leuven</p>
<p>Tel: [phone]<br />Fax: [phone]</p>
<p><a href="mailto:[e-mail]">[e-mail]</a></p>
</dd>
...
</dl>

Ik wil de weergave echter wel in van die mooie vlakjes, net alsof het in de tabel stond. Dus daar maken we dit css'je voor:

Cascading Stylesheet:

dl.mucocentra {
    width:100%;
    }
    
dl.mucocentra dt {
    float:left;
    width:30%;
    height:1.6em;
    margin: 0;
    padding:0;
    
    font-size: 1.5em;
    color: #666633;
    border-bottom: 1px solid #666633;
    
    border: 1px dashed black;
    }

dl.mucocentra dd {
    float:left;
    width:30%;
    height:auto;
    padding:0;
    margin:2.5em 0 40px -30%;
    border: 1px dotted black;
    }

De borders horen er niet, maar heb ik er ff gezet voor het debuggen, om te zien waar alle vlakken ophouden en beginnen. Dit zorgt echter voor het volgende resultaat:


Bijna goed, maar om een of andere reden begint de tweede rij niet helemaal links, maar pas onder de tweede 'kolom'. Ik zit ff helemaal vast met hoe en waar ik dit kan oplossen. Iemand een tip waar ik kan kijken?

[crisp]

je zal na elke 3 dt/dd's de eerstvolgende dl/dt de voorgaande floats moeten laten 'clearen'

[Yoeri]

Woei, in Firefox is m'n probleem opgelost door na drie dt/dd's telkens de eerstvolgende dt een clear:both mee te geven. Alleen nu nog een oplossing vinden voor deze IE-bug