上中下DIV并排结构IE6下出现的问题:上层下方有空白!!

代码:
html:

<div class="dj-top"></div>

<div class="dj-center">

............

</div>

<div class="dj-bottom"></div>

css:

.dj-top
{
height:8px;
background:url(../images/tjjjr-top.gif) no-repeat;
}

.dj-bottom
{
height:9px;
background:url(../images/tjjjr-bottom.gif) no-repeat;
}

.dj-center
{
height:248px;
background:#F6F6F4;
border-left:1px solid #EBEBEB;
border-right:1px solid #EBEBEB;
width:291px;
}

出现问题:

如图:top的下方会有一段空白,不论设置高度多少,除非是0px,否则一直存在!IE6中div background 高度问题-魏星博客

解决方法?:

在.dj-top中加上

{overflow:hidden;}

问题解决!!