I'm trying to do something pretty simple, add a couple of links to a footer. There is a design element in the footer (an arrow pointing down) and the links are supposed to perfectly line up on each side of the arrow. On a Mac (Firefox/Safari) it lines up perfect, but on PC (Firefox/IE) it is offer:
If I get it lined up perfectly on PC (Firefox & IE) it's off on the Mac (Firefox & Safari). I'm position with position: relative; but I've tried 3 different ways of positioning it and it's off in the same way each time. The only way I know to fix this is to detect the platform and write out different CSS for it, but there is no browser detection on the site, and it seems excessive to add it for something so minor.
So, any ideas on how to fix this without browser detection using CSS?
Thanks for any assistance! I've run into similar issues a few times, where Macs and PCs just seem to interpret the number of pixels differently or something.