У меня проблемы с Safari и CSS.Как исправить проблему, не затрагивая Chrome?

Question

Я новичок, который только что построил строку меню, которая меняет цвет веб-страницы. Он отлично работает в Chrome, Firefox, Opera и IE. Однако в Safari 1-й, 2-й и 4-й варианты отключаются на один пиксель при наведении на них курсора. Мне было интересно, как это исправить, не перепутав, как работает панель в Chrome (потому что они оба используют Webkit, верно?).

Это код для веб-страницы: http://codepad.org/YrKz8Auy

А это код для CSS: http://codepad.org/pGnL5E5M

Любая помощь или понимание будет принята с благодарностью!

Answer 1

У вас действительно сложная структура.Вот как может выглядеть ваш код в упрощенном виде: http://jsfiddle.net/hCmrY/2/

Сообщите мне, есть ли какие-либо проблемы с Safari.