defined list

[DutchDisturbed]

Meine damen und herren,

ik heb een klein probleempje met het gebruik van een paar tags waar ik niet bekend mee ben. Namelijk de definition list. Nu vraag ik me uberhaupt af waarom dit gebruikt wordt, maar het zit in een script en ik krijg het er niet uit gefilterd.

Ik wil uiteindelijk dat het lijntje op de volgende pagina

http://www.studentencafedebeurs.nl/Joomla2/index.php?option=com_eventlist&view=details&id=8:Lustrumgala&Itemid=121

die onder Titel:, Wanneer: en daarna de beschrijving staat slechts doorloopt tot aan het langste antwoord. In dit geval dus tot het einde van lustrumgala. en dat voor alle drie de regels.
Aangezien de beschrijving steeds veranderd kan ik niet zomaar een breedte invoeren, zoals ik nu wel gedaan heb.

het volgende is de code

<dl class="event_info floattext">

	<dt class="title">Titel:</dt>
    		<dd class="title">Lustrumgala</dd>
	<dt class="when">Wanneer:</dt>
		<dd class="when">
			07.03.2009		</dd>
  		
	<dt class="category">Categorie:</dt>
    		<dd class="category">
				<a href='/Joomla2/index.php?view=categoryevents&amp;id=4%3Agala&amp;option=com_eventlist&amp;Itemid=121'>Gala</a>			</dd>
	</dl>

en de CSS

div#eventlist dl {
margin: 0 5px;
}

div#eventlist dt { /* definition term */
margin: 0; padding: 0.3em 0;
float:left;
font-size: 1em; font-weight: bold;
width: 8em;
background: transparent;
border-bottom: 1px solid #333;
}

div#eventlist dd { /* definition description */
display: block;
margin: 0 0 5px 8em; padding: 0.3em 0;
font-size: 1em;
width: 12em;
background: transparent;
border-bottom: 1px solid #333;
}

* html .floattext dd /* ie6 fix against the 3px jog bug */
{ height: 1%; }

iemand ideeen???

grazie!