IE6里调整空白DIV的高度为0问题

为了将两个图片所在的DIV中间间隔一点间隙，在FireFox下只需写一个空的

<div style="width:5%;height:0px;"></div>

就OK，在IE7+都是没问题的，但是，在IE6里面，却总觉得左边的图片稍高2px，右侧的图片稍低，后来用将DIV的borer调出来查看，看出问题的本质了，原因是在IE6里面，即使设置height为0也是没用的，它仍然显示成一个具有高度的框框，怎么将高度设置为0呢？

找了很久，原来竟然需要<div style="width: 5%; float: left; font-size: 0pt;"/>这样设置，需要设置font-size为0 才可以让高度为0，即使内容是空的。