title: CSS Issue Between Browsers
body: <p>I'm working on a site design and I'm stuck with tabs that aren't working properly across all browsers. The site is here:
  <a href="http://www.designmeditations.com/stc4-1/" rel="nofollow">http://www.designmeditations.com/stc4-1/</a></p>
  
  <p>In the current version of Chrome it looks good. In FF, it's hanging one pixel low. If I move it one pixel up, then it looks good in FF and you see a 1 pixel line along the bottom in Chrome when you hover.</p>
  
  <p>Suggestions? I typically do these transitions with images on unordered list elements, but I didn't figure I needed to use images at all in this particular case.</p>
  
  <p>Thanks.</p>