动态设置表格单元格的样式及浏览器兼容问题。

利用ajax动态的添加表格，并为表格中的td添加class，,类名为red，  .red
{
    color:Red;
    background-image:url(asc.png);
    background-repeat:no-repeat;
}用chroms动态观察，其td的样式是这样的 <td   class="red" id="01a">0</td>，但是td的颜色没有改变，不是红色的，但在谷歌浏览器动态观察，其color:red有出现，但中间用红色的线条划过？不知什么原因？请高手帮忙。还有，我的html页面包含很多的js文件，如下：  <title></title>
  
 <link href="plugin/jquery.tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" />
    <script src="script/jquery-1.4.3.js" type="text/javascript"></script>
    <script src="script/jquery.contextmenu.r2.packed.js" type="text/javascript"></script>
    <script src="script/jquery.livequery.js" type="text/javascript"></script>
    <script src="plugin/jquery.tablesorter/jquery.tablesorter.js" type="text/javascript"></script>
   
    <script src="plugin/csdn%20dragtable/dragtable.js" type="text/javascript"></script>
    <link href="plugin/csdn%20dragtable/csdnturn.css" rel="stylesheet" type="text/css" />
    <link href="jquery-ui-1.8.6.custom/css/redmond/jquery-ui-1.8.6.custom.css" rel="stylesheet"
        type="text/css" />
    <script src="jquery-ui-1.8.6.custom/js/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></script>
    <script src="script/jquery.autocomplete.js" type="text/javascript"></script>
    <link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript">
我用谷歌浏览器运行的时候，不卡，但用ie浏览器运行的时候非常的卡，不知道为什么？