jak se zbavit mezery od padding-top??

zdravim, mám problém .. ve stylopisu mam následující (jedná se o rozvržení stránky) :

div.head
{
background-image: url("images/head.jpg");
background-repeat: no-repeat;
height: 220px;
margin: 0 auto;
padding-top: 200px;
text-align: center;
width: 750px;
}
div.body
{
background-color: black;
background-repeat: repeat-y;
padding: 10px 10px 10px 10px;
margin: 0 auto;
width: 700px;
}

v padding-top mam 200pixelu proto, protože mam obrázek, a do určitý části potřebuju dostat text .. tim toho dosáhnu, jenže pak chci mít hned pod koncem toho obrázku text těla, a to nejde, hází mi to těch 200px od konce obrázku .. a tim vzniká mezi obrázkem a textem 200pixelu volnýho místa, kterýho bych se potřeboval zbavit .. víte někdo prosím ?

no jasny, jak jednoduchy .. diky moc ;-)