I have problems with Safari and CSS. How to fix the problem without affecting Chrome?

I am a newbie who has just created a menu bar that changes the color of a web page. It works great in Chrome, Firefox, Opera, and IE. However, in Safari, the 1st, 2nd, and 4th options are one pixel when you hover over them. I was wondering how to fix this without messing up the bar in Chrome (because they both use Webkit correctly?).

This is the code for the web page: http://codepad.org/YrKz8Auy

And this is the code for CSS: http://codepad.org/pGnLaserM

Any help or understanding will be greatly appreciated!

+3
source share
1 answer
+2

All Articles