L'alignement varie d'un bloc

salut

je tente d'afficher un bloc, j'utilise une liste voir plus bas


thttp://www.laboiteaprog.com/temp/lsttutoriel.htm
http://www.laboiteaprog.com/temp/screen2.css

on peut remarquer sur la page que la première fois que j'affiche le
bloc....
qu'il est centré... alors que la deuxième fois il est comme je
voudrais...

de plus le premier dd semble être sur la même ligne que le dt...

 <div id="article">
 <dl class="cat">
 <dt>Verbe</dt>
 <dd>crier</dd>
 <dd>marcher</dd>
 </dl>
 
 <dl class="cat">
 <dt>Verbe</dt>
 <dd>crier</dd>
 <dd>marcher</dd>
 </dl>
 </div>
 

une partie de mon css (j'ai tenté d'enlever le #article devant le
dl.. mais
le résultat était le même...)

 #article
 {
 width:90%;
 margin-left:6%;
 }
 
 #article dl.cat
 {
 margin-left:6%;
 margin-top:2%;
 width:30%;
 float:left;
 }
 
 #article .cat dt
 {
 width: 30%; 15em;
 float: left;
 margin: 0 0 0 0;
 padding: .5em;
 font-weight: bold;
 text-align:left;
 
 }
 
 #article .cat dd
 {
 float: left;
 width: 60%; 24em;
 margin: 0 0 0 0;
 padding: .5em;
 text-align:left;
 }
 

une idée?
Modifié par collinm (02 Sep 2005 - 22:31)

Bonjour collinm,

Merci d'encadrer tes extraits de code avec [ code] et [ /code] (sans espaces) comme expliqué dans les règles.

Merci d'avance.