Chrome vs Safari - CSS the mystery pixel
- by Aji
I have an issue of the mysterious pixel in CSS.
Site in question: http://www.lymphcareri.com/about/
The idea is that under the menu is a line, which gets highlighted upon hover and blends in with the line under the header. However, Safari and Chrome both interpret the CSS different in such a way, that I cannot get those lines to line up in both browsers (no pun intended).
It is either on the mark, or off. Chrome shaves off one pixel on the bottom margin of the nav link, making the line appear just above.
Any idea why that is?