IE6下Span的float样式单异常

IE6的的CSS样式单兼容性问题一直困扰着UI设计，今天遇见一个算是IE6的BUG，特将解决方法记录下。 
问题阐述：
css： .listdate{ float:right; margin-right:10px; margin-right:20px; }

html页面：
 <#list map.get(mapKey) as news> <li> <a href="pubnews!looknew.action?id=${news.id}" mce_href="pubnews!looknew.action?id=${news.id}" target="_blank">${news.title}</a> <span class="listdate"> ${news.pubdate?string("yyyy-MM-dd")} </span> </li> </#list>  

html页面在IE的高版本浏览器（IE8,IE9）和FF下皆显示正常。但在IE6出现了莫名的Span元素会跳到下一行的问题。

查询相关资料，最终解决方法如下：

将页面结构重排下，将span元素放到其他元素的前面即可，即：
<#list map.get(mapKey) as news> <li> <span class="listdate"> ${news.pubdate?string("yyyy-MM-dd")} </span> <a href="pubnews!looknew.action?id=${news.id}" mce_href="pubnews!looknew.action?id=${news.id}" target="_blank">${news.title}</a> </li> </#list>

而且请放心，这样是不会影响原页面的布局的。
问题解决！