I am working on moving a site layout I had created into a wordpress theme.
It seems like the the wordpress version is displaying slightly differently than the regular version.
This problem is occurring with the tabbed navigation.
http://www.salinenahs.tk:81/ <--- How the layout should look
http://www.salinenahs.tk:81/blog/ <--- This is the wordpress version. Note the problem with the tabs.
These pages are hosted on my local test server, so don't be surprised if they aren't up.
I am testing in Google Chrome, not IE.
It seems like in the model page, the tabsContainer element (div.tabsContainer) is 4px higher than the line-height specified for the tabs. In the wordpress version, however, this extra "magic" 4px is not there.
I have 2 main questions.
#1 What is this "magic" 4px caused by/were does it come from?
#2 Why would it not occur in the wordpress version with pratically the same html and css (only minor edits)
Dangit, there is no edit button.
The first link didn't link...
This is how it should be: http://www.salinenahs.tk:81/
Look at the source for the html and css.
UPDATE: It works better in firefox, but there still should be more padding between the tabs. Again, I am using the same stylesheet with very minor edits (shouldn't affect this), so why is this happening?
It seems like I am overlooking the obvious, but for the life of me, I can't figure out why.
I am just going to fix the issue.
I was trying to understand the underlying cause, but it is bugging me too much to leave un-fixed.
Perhaps an admin could close this thread?