IE6/7下li元素内有浮动元素时底部出现3像素BUG解决

 现象：

        当li内有元素浮动时，li元素底部出现3个像素空隙（此处日期span右浮动，li增加了background-color以使bug现象更加明显）

 

解决方法：

        在日期的span元素上加上vertical-align:middle（top,bottom均可）如：span.time{float:right;vertical-align:middle;}

 

解决之后的效果：