Почему моя подсказка CSS не работает должным образом в Google Chrome, но работает нормально в Firefox?

Question

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

Вы увидите, что я использовал интервалы внутри якоря, для span.hover-description установлено отображение: нет;по умолчанию, и для: hover этот промежуток установлен для отображения блока и абсолютно позиционирован для создания эффекта всплывающей подсказки при наведении курсора на имя и адрес электронной почты имен контактов «Для немедленного освобождения».

Все выглядиткак хотелось бы в Firefox, но Chrome где-то обнаруживает мою неизвестную ошибку.

Любая помощь в том, что является причиной того, что Chrome не отображается как Firefox?

Кстати, Explorer отображает подсказку, как и ожидалось, хотя я получаю причудливую проблему нижнего поля нижеимен, и Safari имеет ту же проблему, что и Chrome (это должен быть параметр рендеринга webkit, который мне нужен).

Answer 1

ОК, я понял это. Поскольку я использую довольно сложную структуру вложения для выполнения подсказок CSS, я упустил из виду тот факт, что я фактически вложил тег p в p, и, конечно, это нет-нет.

Firefox действительно дружелюбен ко многим ошибкам валидации, но Chrome и Safari кажутся гораздо более строгими.

В конце я изменил p, чтобы охватить элементы, и все хорошо в браузерах.