Проблема с меню

[Kenpati]

Здравствуйте у меня проблема с меню вернее с текстом при одних и тех же правилах CSS он отображается по разному в Mozilla Firefox, Opera, Google Chrome, Safari, Internet Explorer (9,10) вот ссылка на сайт http://just-example.url.ph/

В Safari больше всего проблем там вообще что-то непонятное творится с padding помогите пожалуйста розобраться

Edited June 30, 2014 by Kenpati

[npofopr]

Вы никогда не подгоните шрифт с картинки и шрифт на сайте.

+ не совсем понятно о каких вы проблемах. Скриншоты бы лучше приложили

[Kenpati]

Не ну так то понятно все устраивает но что делать с Safari?

 

+ не совсем понятно о каких вы проблемах. Скриншоты бы лучше приложили

вот скрин в других браузерах все нормально
там с padding что-то не так не пойму что.

Edited June 30, 2014 by Kenpati

[Sergik+]

Ссылку или код надо, по картинке похоже что разметка сползает.

[Kenpati]

http://just-example.url.ph/

вот .top-navigation-contant li {
    float:left;
    height:40px;
    border-left:1px solid #797979;
    padding:0 30px 0 20px;
}

то что относиться к li елементу и padding но если нужно больше могу выложить но есть же сайт там можно посмотреть )
что интересно так это во всех браузерах нормально отображается padding но в Safari почему то его не хватает я могу добавить padding:0 40px 0 20px; li елементу это решит проблему с Safari но во всех остальных браузерах шаблон покрашится )

Edited June 30, 2014 by Kenpati

[Sergik+]

Сброс css делали ?

[Kenpati]

Да подключен reset.css