Mise en forme de liste de definition

Bonjour,

Dans plusieurs pages de mon site, j'ai recours à des listes de définition. Toutes font référence à la même mise en forme CSS, et aucune ne semble réagir de la même façon (sous Mozilla)...

Exemple 1: la page

le code:

<dl> 
        <dt>Boucles d'oreilles :</dt> 
        <dd>IGI-F4G17316 - 0,24 carat<br /> 
          IGI-F4G17329 - 0,24 carat</dd>
        <dt>Pendentifs diamant rond :</dt> 
        <dd>CCIP-179255 - 0,23 carat</dd>

        (...)

         <dt>Solitaires :</dt> 
        <dd>CCIP-179233 - 0,22 carat</dd> 
        <dt>Solitaires :</dt> 
        <dd>CCIP-179209 - 0,55 carat</dd> 
</dl>

la CSS:

dl dt {
   font-weight: bold;
   display: inline;
   float: left;
   clear: left; }

dl dd {
   text-indent: 0;
   text-align: justify;
   margin-left: 210px; }

C'est grave docteur ?
Pour un autre exemple, voir ici (la liste des pays s'affiche en bas de page, et après rafraichissement de la page avec F5, tout ou presque, rentre dans l'ordre).
J'ai cherché un peu partout la boulette, j'ai pensé que cela pouvait venir du float, mais c'est pas ça et là, je seche un peu.
Modifié par ze_drix (28 Apr 2008 - 11:54)

Je viens de voir un p'tit truc.... Il semble y avoir un lien avec le dernier élément de mon menu à gauche. Les <dt> se positionnent après. Cela viendrait du Clear ? Je tente.

edit : J'ai supprimé le clear: left, effectivement mes <dt> ne sont plus affiché après le dernier élément du menu, mais du coup, tout se décale ! Je vais tenter de voir du coté du display maintenant.


EDIT:
Pour ceux que cela intéressent, la suite du topic ICI
Modifié par ze_drix (28 Apr 2008 - 16:10)