title: I'm having trouble with Safari and CSS. How do I fix the issue without affecting Chrome?
body: <p>I'm a beginner that just built a menu bar that changes the color of the webpage. It works perfectly in Chrome, Firefox, Opera, and IE. However, in Safari the 1st, 2nd, and 4th options are one pixel off when you hover over them. I was wondering how to fix this without messing up how the bar works in Chrome (because they both use Webkit right?).</p>
  
  <p>This is the code for the webpage:
  <a href="http://codepad.org/YrKz8Auy" rel="nofollow">http://codepad.org/YrKz8Auy</a></p>
  
  <p>And this is the code for the CSS:
  <a href="http://codepad.org/pGnL5E5M" rel="nofollow">http://codepad.org/pGnL5E5M</a></p>
  
  <p>Any help or insight would be greatly appreciated!</p>