problema com divs

Bom dia pessoal!!!!!

tenho o seguinte codigo:

>

<div id="corpo">

 <div id="esquerda">

 <div id="esquerdatop">

 <?

 include("templates/vnd_cat1/esq_top.html");

 ?>

 </div>

 <div id="esquerdabot">

 <?

 include("templates/vnd_cat1/esq_bot.html");

 ?>

 </div>

 </div>

 

 <div id="direita">

 <div id="direitatop">

 <?

 include("templates/vnd_cat1/dir_top.html");

 ?>

 </div>

 <div id="direitabot" onscroll="rolaOutraDivs()">

 <?

 include("templates/vnd_cat1/dir_bot.html");

 ?>

 </div>

 </div>

</div>

arquivo css:

>

#esquerda{

width:500px;

height:500px;

background-color: #ffffff;

position:fixed;

float:left;

overflow:hidden;

}

 

#direita{

width:495px;

height:500px;

background-color: #ffffff;

position:absolute;

float:left;

}

 

#esquerdatop{

height:162px;

width:500px;

background-color: #ffffff;

left:0px;

top:0px;

overflow:hidden;

border-style: solid;

border-color: #0000FF;

}

 

#direitatop{

height:162px;

width:495;

background-color: #ffffff;

position:relative;

float:left;

overflow:hidden;

border-style: solid;

border-color: #0000FF;

}

 

#esquerdabot{

width:500px;

height:310px;

background-color: #ffffff;

scrollTop:direitabot.escrollTop;

overflow:hidden;

background-color: #000000;

border-style: solid;

border-color: #0000FF;

}

 

#direitabot{

width:515px;

height:330px;

background-color: #000000;

overflow:scroll;

border-style: solid;

border-color: #0000FF;

}

o problema esta nos dois div de baixo (direitabot e esquerdabot )quando coloco tables nos htmls manualmente (as duas tables com o mesmo numero de linhas), os dois divs ficam sincronizado, linha com linha. Mas quando eu populo eles pelo php com varias linhas, o div da direitabot, fica com um espaçamento em cima, assim nao sincronizando os dois.

Alguem saberia me dizer como eu resolvo isso? Será que é alguma coisa no css??

obs> nao intendo muito de css.

obrigado!

Raoni