Ciao a tutti.
Avrei bisogno di una mano per risolfere una questione facile facile.

ho questo css per una lista:

codice:
#lista {
   width:760px; margin-left:auto; margin-right:auto;
	text-align:left;
	}

a.sottolineato:link {text-decoration:underline;
}
.sottolineato {
	text-decoration:underline;
}

.url{
	font: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#488048;
	text-decoration:none;
	margin-bottom:20px
}
questo è l'html:

codice:
<div id="lista">

<dl>

<dt class="sottolineato">DVD Empire - DVDs, DVD Movie, DVD Movies, DVD Videos, Used DVDs</dt>
<dd>International retailer of new and userd DVD movies and accessories</dd>
<div class="url">www.example.com <span> - 25K</span></div>


<dt class="sottolineato">Te Official DVD Decripter Website</dt>
<dd>What is DVD Decripter? Take me the top, baby! DVD Decripter is a free toll that allows you to decript and copy to your PC's hard disk..</dd>
<div class="url">www.dvdecripter.com <span> - 36K</span></div>
</dl>
</div>
Sapendo che non si può inserire un <div> all'interno della lista <dl>, vorrei trovare un modo per allineare questo tag <div class="url">www.example.com <span> - 25K</span></div>allo stesso modo.

Non so se mi sono spiegato. In sostanza ho una lista formata da tre elementi:
1)il titolo (dentro il <dt>)
2)il testo (dentro il <dd>)
3)la classe "url" dentro al div
tutti all'interno del contenitore #lista

La mia domanda è: come faccio ad inserire questo <div class="url">www.example.com <span> - 25K</span></div> esattamente sotto il <dd> senza alterare l'allineamento e senza mettere un
?

Con le pseudo-classi si può fare?
Un saluto