dl affiancati

[Nadiuccia]

Ciao a tutti
ho un problemino
ho fatto una lista con dl-dt-dd in questa pagina
http://www.nadiaabate.com/test/doris/clienti.html

l'elenco dl è uno sotto l'altro nonostante l'impostazione float left.
li vorrei affiancati...qualcuno sa dirmi come si fa?
Grazie a tutti
pleaseeeeeeeeeeeeeeeee


allego html e css
HTML

<div id="griglia_clienti">
<dl>
<dt><img src="images/ferrero.gif" alt="Ferrero" />
<dd>Produttore di cioccolato</dd>
</dt>

<dt><img src="images/lavazza.gif" alt="Lavazza" />
<dd>Produttore di caffè</dd>
</dt>

<dt><img src="images/mapei.gif" alt="Mapei" />
<dd>Distributore di caffè</dd>
</dt>

<dt class="final"><img src="images/sanpellegrino.gif" alt="San Pellegrino" />
<dd>Imbottigliatore di acqua</dd>
</dt>
</dl>
</div>


CSS

#griglia_clienti {
width: 410px;
position:relative;
left: 320px;
margin-top: 20px;
}

#griglia_clienti dl{
width: 410px;
float: left;
font-size: 11px;
text-align: left;
}

#griglia_clienti dl dt {
width: 100px;
height:114px;
float: left;
border-right-width: 2px;
border-right-style: dotted;
border-right-color: #775025;
}

#griglia_clienti dl dt.final {
border: none;
width: 100px;
float: left;
}

#griglia_clienti dd {
border: none;
ont-size: 11px;
text-align: justify;
}


Dovrebbe essere
logo con sotto definizione e a lato altro logo con sotto definizione