problème d'affichage liste

[icarex]

bonjour,

j'ai un problème avec l'alignement des éléments d'une liste. l'affichage est différent sous IE6 et Firefox.

sous Firefox, l'alignement se fait par rapport au <dt> alors que sous IE6, il se décale vers la droite et se fait par rapport au <dd>.

si vous aviez un solution, je suis preneur

merci

@+

le HTML

<div id="centre">
<dl class="news">
<dt>test 1</dt
<dd>aaaaaaaaaaaa</dd
<ul class="liste">
<li>liste1</li>
<li>liste2</li>
<li>liste3</li>
</ul>   
<dt>test 2</dt>
<dd>bbbbbbbbbbbb</dd> 	 
<dt>test 3</dt>
<dd>cccccccccccc</dd>
</dl>
</div>

CSS

#centre{
width:100%;
position: relative;
background-color: #343434;
height: auto;
margin: 0;
padding:0 0 0 0em;
font-family: georgia, times, serif;
font-size: 12px;
color: white;
text-align: left;
}

dl.news{
margin: 0;
padding: 0;
}

.news dt{
position: relative;
margin: 0;
padding: 0;
font-weight: bold;
}

.news dd{
/*border-left: 1px solid gray;*/
margin: 0 0 0 0em; /*haut - - gauche */
padding: 0em 0em 0em 4em;
}

ul.liste{
position: relative;
margin: 0 0 0 0em;
padding: 0 0 0 0em;
list-style: none;
}

.liste li{
margin: 0 0 0 0em;
padding: 0 0 0 0em;
}

[jeanpierre949]

Salut.

pour ta <dl> tu attribues une classe qui n'existe pas dans ton css