Заполнение меню Проблема с FireFox 4

Question

Я проверил здесь другие вопросы, но я не нашел ничего, что могло бы мне помочь.

С момента выхода FireFox 4 у меня возникла проблема с меню на моем веб-сайте.

www.ffxivinfo.com

Как вы можете видеть, меню должно соответствовать маленьким графическим кнопкам, так что каждая ссылка находится на «кнопке».В Chrome, IE8 (не проверено 9) и FireFox 3.5 это выглядело идеально.Однако, начиная с FireFox 4, он отображался неправильно.

Похоже, это проблема заполнения, но я не могу понять, откуда она взялась.Я даже удалил отступ между каждой ссылкой, чтобы они были близко друг к другу (отступ 0), но в Firefox 4+ меню по-прежнему расширяется вправо, чем в других браузерах.

Я использую доступные автоматически сгенерированные менюна purecssmenu.com, и я изменил его, чтобы он соответствовал моему собственному веб-сайту.

Вот ссылка только на код навигации, я использую PHP include для его вставки.http://www.ffxivinfo.com/nav.php

А вот ссылка на CSS для него.http://www.ffxivinfo.com/navstyle.css

По сути, мне нужно, чтобы навигация выглядела одинаково во всех браузерах, чтобы она вписывалась в графические «кнопки».Я испытываю желание просто отказаться от текущего дизайна, перейти на простой градиентный фон и оставить меню в FireFox 4+ шире, чем в других браузерах, но это немного поражает.

Любая помощь будет принята с благодарностью.Это первый раз, когда проблема с кодированием отправила меня на форум с просьбой о помощи, но я просто не могу ее решить.

Answer 1

Я не вижу проблемы в FF6.Тем не менее, я вижу, вы указываете размер шрифта в пт.pt для печати, а не для Интернета.Попробуйте изменить это значение на px и посмотреть, исправит ли это вашу ситуацию.

Answer 2

Я мог бы проигнорировать проблему Firefox 4.

FF теперь в версии 6.

Ваша проблема не появляется в FF3.5 (наиболее широко используемом FF) или FF6, оба из которых имеют больший общий доступ к браузеру, чем FF4.

http://gs.statcounter.com/#browser_version-ww-monthly-201008-201108-bar

Answer 3

Я считаю, что проблема не в ваших полях, а в разнице в визуализации текста между браузерами.В этом случае Firefox делает текст немного шире.

Если бы я мог предложить альтернативу, а не использовать фоновый рисунок и надеяться на идеальный рендеринг пикселей (что весьма маловероятно, учитывая разнообразие браузеров и операционной системы).системы) попробуйте стилизовать сами ссылки с помощью background-color и border-radius.