[Résolu] Nth-child sur tr

Bonjour,

J'aimerais faire tout bêtement ceci :

#id tr:nth-child(2n+2){
  background-color:#f8f8f6;
}

Sur tous les navigateurs dit récent cela fonctionne, sur IE7 et IE8 ça reste blanc, je n'arrive pas a lui faire comprendre qu'un coups sur 2 ils me mettent cette couleur, pourtant le nth-child est valide depuis IE7 ?!

ai-je raté un paramètre à rentrer dans la table ou td ou ...?!
Je sèche dessus depuis ce matin.

C'est comme un hover sur tr:hover sur chrome/safari pas moyen de mettre un box-shadow alors que sur firefox y a aucun soucis

Merci de votre aide !!

Bon j'ai utilisé du jquery pour parer à ce problème, je donne l'astuce si jamais :

$('#id tr:nth-child(2n+2)').addClass('votre_classe);

et en .css

#id tr.votre_classe{
  background-color:#f8f8f6;
}

Par contre si qq1 sait pourquoi sur chrome et safari l'hover avec un box-shadow ne fonctionne pas sur un tr je suis preneur

Bonsoir.

:nth-child n'est reconnu qu'à partir de IE9, et pas du tout par IE7 ni IE8

salut, merci pour l'infos, par contre une idée de pourquoi un tr:hover avec box-shadow ne fonctionne pas sur chrome/safari ?