Okay, I am officially stumped.

I am designing a website, and have added some centered tabs under the header and above the footer. The current tab is highlighted a different color. Now, here's the problem.

No matter what I do, the first tab in the row has a very small, non-current tab on top of it.

When I view the source code of this annoying bit, it says that it is a link to my homepage. However, this "link" only occurs in the tab group below the header, and not in the one above the footer. And I never put this extra link in my source code at all.

I attached the CSS code and the index.html code for my site here:

Click to view attachment Click to view attachment

Any help at all would be greatly appreciated. I am quite literally at my wit's end.

*edit* When I stop the logo at the top from having a link to the homepage, the problem is fixed. However, I would like to have the logo be a link. Is there another workaround for this? *edit*