Тайна невидимого текста в Chrome

Question

Я строю сайт с простой панелью навигации.Я написал немного CSS, чтобы показать эффект наведения кнопок.Все отлично работает в IE и FF, но по какой-то причине в Chrome текстовые метки кнопок меню невидимы, что делает меню совершенно бесполезным.Я потратил больше часа на поиски решения, но ничего не могу найти.Я установил Firebug Lite в Chrome и потратил некоторое время, пытаясь отобразить надписи, добавив правила z-index, изменив цвет надписи, удалив фоны и т. Д., Но ничего не заставило их появиться.

Если кто-то хочет увидеть это в действии, попробуйте сначала посмотреть http://naamjoga.cz в FF, а затем в Chrome.Любая помощь с благодарностью приветствуется.Спасибо

Answer 1

Вы перемещаете свои ссылки влево, и вместо этого вы хотите перемещать элементы списка влево. Только что проверил это, и следующие изменения решают вашу проблему. В любом случае не имеет смысла оставлять ваши ссылки оставленными.

#nav ul li { float: left; } вместо #nav li a { float: left; }

Answer 2

В моей версии Chrome для разработчиков он работает, как вы хотите, если вы добавляете display: inline; к вашим #nav ul li стилям.После того, как вы внесли это изменение, убедитесь, что оно все еще работает в FF и IE.