html和css基础超过范围的变成省略号

这事还得从浏览器的兼容性来说，我写的网页文件在chrome下面显示正常，但是在ie9.0下显示不正常，症状就是不能正常变成省略号。这可如何是好，ie6.0本来就够闹心的了，这个iE9.0也不让人省心，该咋办呢。看我的代码吧。

ie9.0下显示：







控制代码是：

css：
.cbox ul li a{ 
    text-decoration:none;!important; 
    color:#333; 
    float:left; 
    width:210px; 
    overflow:hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    border-bottom:#999 dotted thin;
}

html：
<ul>
                             <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li>
                              <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li>
                            <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技</a></li>
                            <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li>
                               <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li>
                            <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span>海青科技在做学校网站海青科技在做学校网站</a></li>
                         </ul>

更改之后：

css：
.ellipsis{   
   white-space:nowrap;   
   text-overflow:ellipsis;  
   overflow:hidden;   
   width:140px;   
   display:block;   
}   
html>body .ellipsis {   
   clear:none;   
}   
html>body .ellipsis:after {   
   content: "...";   
}   
html>body .ellipsis{   
   max-width:140px;   
   width:auto !important;   
   float:left;   
}  
ul{list-style:none;}

html：
<ul>
                            <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li>
                             <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li>
                           <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li>
                           <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li>
                              <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li>
                           <li><a href="#" mce_href="#"><span style="float:right;" mce_style="float:right;">2011-5-8</span><span class="ellipsis">海青科技在做学校网站海青科技在做学校网站</span></a></li>
                        </ul>

。