Talking about spacing between title and tagline. Here are some basics to remember.
block items like <p> and <h?> have default margin/spacing assignments. Usually (what a terrible word!) the larger one takes precedence over the other. They don't always work the same in ie as in firefox and others. There are other factors as well but hopefully won't be an issue here.
This means several things. First, it means you cannot eliminate the padding above one and not the padding below the one above it and expect them to come together. Also you cannot remove padding between two (adjust both) and ignore margins without potential trouble. Also be aware that header tags have defaults that often seem (to me at least) more than appropriate.
Confused? I may even be confusing myself!
Anyway, here is something to try. Set margins AND padding above AND below BOTH of them to 0 and see what happens. Use an id to apply css in this way so that you don't affect anything else. If this collapses them like you want then you can put back what you want.
Also make sure you do not have a class or id calling for space. These could have a line height setting or something affecting this, too.