@ChristopherBurton I save a comment before proof reading, and then making slight changes. So you might have caught it in the minute before I have proof read it? I know it’s a strange way to comment, it’s just something I’ve always done.
As you can see, the margin-top fix (on the left) doesn’t mess with the baseline like the line-height fix does. Also, each line of type sits in the middle of its line, according to the specifications, despite being totally different to how it is done in print design.
the strange thing was that when I removed the line-height altogether, the h1 text jumped half way outside the containing div. So it sat about 15 pixels higher than it should have. If anything, I expected it to sit right at the very top of the containing div.
yea, the only problem is that I am making this template for sale on themeforest and they have a policy about things not lining up correctly. That 1px gap could be enough to destroy the layout as far as the reviewers over there are concerned. Also, that gap and not knowing what causes it bugs the crap out of me and I just wanted to fix it. I managed to line it up with smaller line height. Not a perfect solution but it worked. I would have prefered to find out what was causing it and fit it that way.