DIV不会中心

Question

这是我盒子的三个部分。

<div id="holder">
    <div id="top_content"></div>
    <div id="pageContent"></div>
    <div id="bot_content"></div>
</div>

他们在页面上工作，看起来很好，直到我尝试添加内容。内容通过JS菜单添加。加载内容时，顶部框从底部两个分开。

这是我的css

#pageContent{
width:900px;
height:inherit;
background-color:#FFFFFF;
}


#top_content {
background-image:url(../img/top_bg.png);
width:900px;
height:15px;
margin-top:20px;
}   
#bot_content {
background-image:url(../img/bottom_cont.png);
width:900px;
height:15px;
}

任何人都有任何想法吗？