Pourquoi mon outil CSS ne fonctionne-t-il pas correctement dans Google Chrome, mais bien dans Firefox?

Question

http://betawww.helpcurenow.org/media/press/

Vous verrez que j'ai utilisé des segments dans une ancre, avec la description span.hover définie pour afficher: none; par défaut, et sur un: hover cette plage est définie pour afficher le bloc et positionnée de façon absolue pour créer un effet de bulle lorsque survolant le nom et l'adresse e-mail des noms de contact «Pour diffusion immédiate».

Tout semble comme souhaité dans Firefox, mais Chrome révèle ma gaffe inconnue quelque part.

Une aide sur le problème qui provoque Chrome à ne pas afficher comme Firefox? Incidentellement, Explorer affiche l'info-bulle comme prévu, bien que j'obtienne un problème de marge inférieure géniale sous les noms, et Safari a le même problème que Chrome (doit être un paramètre de rendu webkit que je dois prendre en charge) .

Answer 1

OK, je l'ai compris. Comme j'utilise une structure d'imbrication assez complexe pour accomplir les astuces d'outils CSS, j'ai négligé le fait que j'avais effectivement imbriqué une balise p dans un p, et bien sûr c'est un non-non.

Firefox est vraiment amical face à beaucoup d'erreurs de validation, mais Chrome et Safari semblent être beaucoup plus strictes. En fin de compte, j'ai changé les p en éléments span et tout va bien à travers les navigateurs.