[CSS] ozadja

Ok, imam nekaj, kar sem mislil, da bo enostavno, pa me je čisto zmedlo.
Hočem narediti povezave, ki imajo telo z nekim ozadjem (fiksne velikosti) in footer z nekim ozadjem (isto fiksne velikosti). V telesu je pa povezava, ki bi jo rad približno scentriral po višini.
Sem postavil HTML, CSS, ko sem hotel nastaviti padding, da sem premaknil povezavo, pa je povečalo še telo in s tem porušilo ozadje.
Kako je to mogoče, glede na to, da sem uporabil padding in da je fiksne višine? Če recimo dam padding 5px se spodaj pod ozadje naredi še 5px belega preden se začne footer.

HTML:

<div class="sitelink">
<div class="sitelink_inner">
<a href="download.php">Downloads</a>
</div>
<div class="sitelink_footer">
<div class="sitelink_footer_r">
</div>
</div>
</div>

CSS:

.sitelink{
	margin: 0 10px;
	float: left;
	width: 184px;
}

.sitelink_inner{
	background: url("images/sitelink_body_bg.jpg") 0 0 no-repeat;
	padding: 17px 5px;
	height: 49px;
	text-align: center;
}
.sitelink_footer{
	background-image: url("images/sitelink_footer_bg.png");
	height: 5px;
}

Vem kaj je padding.
Se je pa še enkrat izkazalo, da naj ne postam vprašanj ko sem pri nečem že čisto predolgo... :) Sem nastavil višino pač minus 2x padding pa je ok...
Čeprav moram priznati, da sem do zdaj mislil, da padding deluje znotraj definirane višine...