一个奇怪的CSS（float）在IE6、7、8的问题！

Longe

CSS代码：

1. .news_list{ padding:5px;height:20px;background:url(../images/news_list_bg.png) repeat-x;}
   
2. .list_time{ padding:0;margin:0;float:right;font: 11px/20px 微软雅黑,宋体,Arial, sans-serif; display:inline;}

复制代码

# J% k6 {0 d2 t5 I+ u
原代码如下：
' B& `9 a" @: B& |( i- s5 e. c

1. <div class="news_list"><a class="<%If request.QueryString("id")-rs("id")=0 Then%>on<%End If%>" href="news_show.asp?id=<%=rs("id")%>&sort_id=<%= rs("sort_id") %>">● <%= LeftH(rs("info_name"),43) %></a><span class="list_time">[ <%=rs("dateandtime")%> ]</span></div>

复制代码

IE6、7显示如下，IE8正常：

% U( }4 M" f0 q- `. I

% t1 }' A+ U% p6 [) v
改动代码如下：
+ L/ U! i" }) @6 v; i

1. <div class="news_list"><span class="list_time">[ <%=rs("dateandtime")%> ]</span><a class="<%If request.QueryString("id")-rs("id")=0 Then%>on<%End If%>" href="news_show.asp?id=<%=rs("id")%>&sort_id=<%= rs("sort_id") %>">● <%= LeftH(rs("info_name"),43) %></a></div>

复制代码

% d  G3 a; P" n  G$ D
$ k2 |# C' C& p8 |9 y" JIE6、7、8皆显示正常：

" {) l: E3 W* N

/sun鬼鬼

睇天书。。。

yupopp

体天书，我。。。。

Longe

这种奇怪的事我是第一次遇到，不知道有什么特别的地方，float属性放在前面则显示正常，放后面则显示不正常，真是奇怪。