Вопрос по верстке саитов!!!!

Я пару месяцев как начал учиться html и css, теперь я впервые попытался сверстать свою страничку по шаблону.
Собственно проблема: закончив "grayBlock", я начал делать "whiteblock", но тут проблема, "whiteblock" сам отступил примерно 25 пикселей от верхнего блока, то есть от "grayBlock".
Помогите!! !

вот css код этих блоков:

/* Начало блока grayBlock */

#grayBlock {
width: 1024px;
height: 288px;
position: relative;
background-image: url(../images/bgImg.jpg);
outline: 0px solid #cccccc;
}

#grayBlock #poloska {
width: 1024px;
height: 6px;
background-image: url(../images/poloska.jpg);
}

#grayBlock h1 {
font: 38px Century Gothic, sans-serif;
color: #ffffff;
position: absolute;
top: 15px;
left: 50px;
}

#grayBlock h2 {
font: 38px Century Gothic, sans-serif;
color: #ffffff;
position: absolute;
top: 3px;
left: 28px;
}

#grayBlock h3 {
font: 38px Century Gothic, sans-serif;
color: #ffffff;
position: absolute;
bottom: 15px;
left: 247px;
}

/* Конец блока grayBlock */

/* Начало блока whiteBlock */

#whiteBlock {
width: 1024px;
height: 524px;
position: relative;
background-color: #e5e8ce;
outline: 1px solid #000000;
}