Looking through your code you have a lot of empty anchor tags floating around. When I view source they're not there, when I inspect element (chrome) there's loads of them.

By setting the <a> tag that's being placed next to the home link to display: none; your issue disappears.

It looks to me like a Javascript bug is adding lots of empty elements to your page, fix that and it'll fix the CSS issue.

ripcurlksm
—
2014-04-09T16:32:25Z —
#3

See what you mean... but now there is no "Home" link in the nav when display:none is set.

I am seeing you you mean with the empty <a> tags now, thank you. Any idea what javascript is causing it to print all of the empty tags? I've gone though and tried to remove any unnecessary javascript calls in the <head> tag, however it seems they are all connected to eachother and it breaks the site.

goldkiller07
—
2014-04-09T17:06:18Z —
#4

What I meant was, by changing the code in Chrome dev tools I was able to get the nav to align correctly.

Looking at your source it should be working, but something is adding the extra tags.