IE6浮动高度多出1px

昨天发现网页中的一个div，是动态循环读出数据的，第一个记录的div高度总是比其他的高出1px，并且已经排除是数据库中的内容过多导致div高度发生变化，只在IE6中出现IE7和FF均没有出现，故偶推测此为IE6的由一个bug，经过一番研究发现，问题其实很容易解决，原来的div标签的css定义如下：

.webPicBg{
 float:left;
 width:223px;
 height:190px;
 margin:0 9px 10px 0;
 padding:6px;
 text-align:left;
 vertical-align:text-top;
 background:#dfdfdf;
 border-top:#ccc 1px solid;
 border-left:#ccc 1px solid;
 border-right:#999 1px solid;
 border-bottom:#999 1px solid;
}

只要加上红色的那段代码 "vertical-align:text-top;",问题迎刃而解，至今又发现一个IE6bug.