Please can someone help me. I have added a background image to an h1 tag. I now wish to add some top and left padding to the h1 text in order to get the text where I want it. When I add padding-top 3px it moves the h1 text down as required, but it also adds 3px of blank space bellow the background image, which is not what I want. I have counteracted this by adding margin-bottom: -3px; but this doesn't seem right to me.

The css is as follows:

.RecruitersAdvertisers h1, .JobSeekers h1 {
background-image:url(images/bj_menubg.jpg);
background-repeat: no-repeat;
border-left: solid 1px silver;
border-right: solid 1px silver;
padding-left: 5px;
padding-top: 3px;
margin-bottom: -3px;
height: 22px;

You can also see the full version online at:
http://s253255674.websitehome.co.uk/brusselsjobs/

Any help would be much appreciated cos I have reached a brick wall with this.

Thanks

x54