I’m working on a simple navigation menu that uses the -moz and -webkit border radius properties. I noticed that once I hover over a menu item the round box appears, but it nudges the other links slightly to the right. It’s also not aligned perfectly to where it looks like a round box appeared over the link / text, but rather it appears to "pop" out, which is not the effect I’m looking for. It’s kind of difficult to explain – please check it out here:
Some of the navigation code might look strange like the widths & padding. This navigation menu is going to be part of a header and page wrap that has a 1000px width. I just took the navigation code and put it here. Please let me know if you need the code for the whole website.
I know I’m missing something, I just can’t for the life of me figure it out. If someone can explain what’s going on, I’d appreciate it ten-fold.