Почему съезжают заглавные буквы?

Question

[Pavel Shvedov]

На сайте менюшка, сделана списком с ссылками внутри каждого . Вроде преступного ничего нет в стилях, только font-size, colorи text-decoration определены, остальное от reset.css и user-agent стилей. Но почему-то, после полной загрузки страницы заглавные буквы съезжают немного вниз. Если навести на ссылку (появляется text-decoration: underline) буквы встают в нужную высоту, и после отведения мыши там и остаются. Проявляется только после загрузки страницы до первого наведения. В чем может быть проблема?


UPD: Замечено в Chrome и Opera под виндой 7, на CentOS 6 в Chromium такого эффекта не наблюдается

Answer 1

[Денис Инешин]

Reset.css в топку, используйте Normalize.css

Answer 2

[Serdji]

При фразе "после загрузки страницы" есть подозрение что дело в JS. Но так же если отображается нормально в CentOS 6 и Chromium может быть проблема в кроссбраузерности.
-webkit-
-moz-
-ms-
-o-
Конечно хорошо бы, что бы Вы дали ссылку на ваш сайт, так можно было бы точнее дать ответ.

Comments

[Pavel Shvedov]

Еще попробовал под виндой открыть в firefox - все окей, видисо проблема с webkit браузерами, вот ссылка, слева меню "Подкатегории": https://www.1platforma.ru/catalog/krovlya

[Serdji]

Я даже больше скажу. У Вас не корректно работает только в хроме, но при этом все работает в яндексХроме. Я выложил скрины и вот что я заметил. У вас заглавная буква попадает в тег li, остальной текст в тег a. В отладчике видно, что li идет с пустым классом, JQuery подключен, скорее всего он и дает пустые классы из за которых происходит такой баг. Да и кстати, если Вы посмотрите, у вас стили прописаны прям в теги a, скорее всего это делает Ваш движок. Нужно рыть глубже, один отладчик тут не поможет (((