Liste > IE ne considère que le premier éléménet

Bonjour à tous,

Une fois de plus je suis confronté à cet #$%*!§ d'IE qui interprète mon CSS comme un.... ben... IE

Voici mon problème.
J'ai donc plusieurs listes :

<div class="content">
  <h3>Mon premier titre</h3>
  <ul class="account">
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
  </ul>
</div>

<div class="content">
   <h3>Mon deuxieme titre</h3>
   <ul class="account">
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
  </ul>
</div>

<div class="content">
   <h3>Mon troisieme titre</h3>
   <ul class="account">
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
        <li><a href="#"><img src="img.png" alt="" />patati</a></li>
  </ul>
</div>

et un CSS correspondant :

.content {
	padding:5px 5px 10px 5px;
	border:1px solid #BBB;
	background:#FFF;
	margin:10px 5px 0 5px;
	overflow:hidden;
	width:558px;
	}
	
ul.account li {
	list-style-type:none;
}
ul.account li a{
	line-height:50px;
	display:block;
	margin-top:10px;
	
}

ul.account a:hover {
	background:#C9D1E2;
}

ul.account img {
	float:left;
	margin-right:5px;
}

Et donc sous Firefox niquel, et sous IE, ben il ne me surligne mon a:hover que pour les premiers éléments de chaque liste. et la je comprends pas pourquoi...
Modifié par zmove (23 Aug 2006 - 10:14)

hmmm, je dirai que tu as mal défini ta css :

ul.account li a{
	line-height:50px;
	display:block;
	margin-top:10px;
}
ul.account [b]li[/b] a:hover {
	background:#C9D1E2;
}

Tu as oublié le LI. Dans ta css d'origine, tu définis les liens contenu dans le LI. Alors que pour le a:hover, tu le définis seulement dans le UL. Ce qui donne un défaut d'interprétation.
Modifié par trigun (22 Aug 2006 - 10:18)

Ceci est du au fait que j'ai fait pleins de test, en essayant de prendre les liens de manière plus général. J'avais une arborescence stricte comme tu l'a corrigé, mais le problème est le même dans les deux cas. C'est juste un oubli de ma part de ne pas avoir remis une arborescence stricte dans le CSS après avoir fait mes test infructueux. ^^
Modifié par zmove (22 Aug 2006 - 11:18)

oui!n....

personne n'a de solutions ?

Il faut que j'aille dans chaque foyer qui utilise IE avec une gateling alors ?

Heu .. chez moi cela fonctionne bien :

PC et IE 6

Quel version de IE (PC/MAC) ?

a priori, IE 6 sous windows..

ca marche chez toi... ouhla...

Je vais voir si ca viens d'autre chose alors. je vous tient au courant

ok j'ai trouvé, c'était en fait dans un css consacré aux correctifs d'IE. (iefix.css)

j'avais déclaré le .content en position:relative, et apparement à cause de ca, IE ne prenait en compte que les premiers liens de chaque liste.

Hip hip hip........