IE6中DIV的默认高度问题

在IE6中div有一个默认高度(也不能说是默认高度，因为它其实由隐藏的font-size属性决定），大概为13px左右，本来这也没什么，可是头痛的是当你手动设置一个高度，如果该高度是小于默认高度，那么该div将变得不怎么听话了，例如你设置height:5px;你会发现div的实际高度并没有缩小，还是保持它默认的高度，这就是IE自作聪明的结果了。该问题很容易产生的后果是如果你将一个带圆角的图片作为底部div的背景来实现圆角效果，而该图片高度譬如为6px,于是你将div高度也设置为6px,这时你会发现该圆角与上面的边框之间将产生一段空隙，就像被隔开一样。而这个问题在IE7其实不会出现。

解决这个问题我提供两个方法：

1、为该div添加一个样式font-size:6px;这时div的高度已经是6px了。

2、将div的background-position:设置为top，该方法其实并没有改变div的高度，只是将背景图片铺在上面而已，所以推荐使用上面的那种方法，另外记得设置为no-repeat哦。