Effet de survol d'une liste sur ie6

slt tout le monde jai un blem en ie6 : leffet de survol n'apareil pas dans ie6 mais dans firefox et chrome ça marche
code html :

<div id="contenue">
<dl>
<dt class="png">Campagne DéLICE DANONE</dt>
<dd>06 Janvier 2011</dd>
<dd>06 Janvier 2011</dd>
<dd>06 Janvier 2011</dd>
<dd>06 Janvier 2011</dd>
<dd>06 Janvier 2011</dd>
<dd>06 Janvier 2011</dd>

</dl>

fichier CSS :

#contenue{
width:890px;
float:left;
margin-left:70px;
margin-top:20px;
}
#contenue dl{ width:890px; float:left;}
#contenue dl dt{ text-indent:40px; line-height:70px; text-align:center; background: url(../gif/bt-camp.gif) no-repeat; height:60px; width:890px; float:left; font-family: impact, Arial, Gadget, sans-serif ; font-size:20px; color:#298ca4; letter-spacing:1px;}
#contenue dl dd{text-align:center; float:left; height:18px; width:886px; background:#fff; border-bottom:1px solid #298ca4; border-left:1px solid #298ca4; border-right:1px solid #298ca4; text-align:center;
font-family:impact, Arial, Gadget, sans-serif ; font-size:13px; color:#298ca4; letter-spacing:1px;}
#contenue dl dd:hover{text-align:center; float:left; height:18px; width:886px; background:#298ca4; text-align:center; font-family:impact, Arial, Gadget, sans-serif ; font-size:13px; color:#fff; letter-spacing:1px;
}
Modifié par miss sara (09 Feb 2011 - 17:55)

Bonjour,

Le problème est dû au fait qu'ie6 n'accepte pas la pseudo classe :hover sur autre chose qu'un lien.
Autre chose : il est bon de doubler le sélecteur concernant les liens au survol avec la pseudo classe :focus, notamment pour gérer les survols en cas de navigation au clavier.

exemple :

a:hover , a:focus {
…
}