一个奇怪的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;}

复制代码

3 C( V2 a& t9 e% u- O3 z: K
原代码如下：
8 W# W$ _2 `/ k% u4 j2 i

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正常：

- D5 ]0 t' S  H) A  _  s7 s
2 ^* L( Z  P3 k1 ~- W
0 P! O) M9 a& g  I( k; a2 `
改动代码如下：

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>

复制代码

% q; W/ b; l" h  W; _: p0 GIE6、7、8皆显示正常：
* ~, E6 e: W3 @0 `3 e! P

Longe

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

yupopp

体天书，我。。。。

/sun鬼鬼

睇天书。。。