Bonjour à tous
Je suis confronté à un problème étrange (sous IE seulement), dont je n'arrive pas à comprendre le pourquoi...
Voici le code :
HTML :
CSS :
Si je ne spécifie pas un background-color pour span.titre, le dernier nom se répète (en bas à gauche).
C'est plutôt curieux, non ? Une idée ?
Merci

Je suis confronté à un problème étrange (sous IE seulement), dont je n'arrive pas à comprendre le pourquoi...

Voici le code :
HTML :
<div class="staff">
<span class="titre">Responsable du service</span> <span class="nom">Xxxxxxx Xxxxxx</span>
<span class="titre altern">Assistante du service</span> <span class="nom altern">Xxxxxx Xxxx-Xxxxxxxxx</span>
<span class="titre">Mode-Beauté</span> <span class="nom">Xxxxxxxxx Xxxxxx</span>
<span class="titrealtern">Xxxxxx-Evénements</span> <span class="nom altern">Xxxxxxxx Xxxxxxx</span>
<span class="titre">Xxxxxxxxx Xxxxxxx</span> <span class="nom">Xxxxxx Xxxxxxxx</span>
</div>
CSS :
.staff {
border: 1px solid #cccccc;
width: 350px;
}
.adresse span.nomService {
font-weight: bold;
}
.staff span.titre,
.staff span.nomService {
float: left;
clear: none;
width: 160px;
height: 21px;
padding: 3px 0 0 10px;
font: bold 11px Arial,Helvetica,sans-serif;
color: #5d5d5d;
background-color: transparent;
}
.staff span.nom {
float: left;
clear: none;
width: 180px;
height: 21px;
padding: 3px 0 0 0;
font: normal 11px Arial,Helvetica,sans-serif;
color: #5d5d5d;
}
.altern {
background-color: #cccccc !important;
}
Si je ne spécifie pas un background-color pour span.titre, le dernier nom se répète (en bas à gauche).
C'est plutôt curieux, non ? Une idée ?
Merci
