Thanks for the heads up re typing in the code … I cannot figure out how to edit my original post. Is it possible? If so please let me know how to do it … obviously I should not be let loose with technology!!
I am using Chrome v35 and Firefox v29 running on a mac.
But the end of the navigation menu is about 15px too far to the left in Chrome. It needs to line up with the end of the search box and the last social media icon… have drawn a line on the image to show the difference.
It actually aligns the way you want for me in Chrome for Mac, but anyhow, I notice that you have a % padding on the list items, which is pretty unreliable—along with a % right margin on the social icons. Trying to get those two things to match is a massive hit/miss. Why not just use a pixel value padding/margin on both to make this more reliable?
The difference is cause by the way the fonts are rendered and the space between the list items. If the list were right aligned, you could achieve pixel perfect right end alignment but the left end would be a few pixels off. Browser differences. Pixel perfection should not be expected between browsers, especially if you are expecting a responsive page. It is also true that percent widths should not be used indiscriminately in a responsive/fluid page. Their appropriate application depends entirely on the effect desired and how they affect their surroundings (in this case).
Does your page actually begin with a jQuery script above the doctype, or are by browsers playing tricks on me? For all practical purposes, the doctype should be the topmost line on your HTML page.
In the quest for pixel perfection (as futile as it may be), you should not overlook the value of the HTML validator. If you’re gonna be picky, then write picky clean code.
Finally, @John_Betong is right. If you drag the width of your desktop browser narrower, you can watch the layout fall apart.
The site is built using Headway Themes … and the jQuery script that is showing up above the doctype appears to have come from the Gravity Forms plugin. Am guessing that is something I should be talking with the lovely folk at Headway Themes about?