chrome中tbody显示异常。怎么解决
一下代码在IE中浏览正常，在Chrome中，表格内容都集中到了表头的第一个单元格下，而且还对不齐？不知chrome怎么实现多tbody表格代码？
<table id="activity-list" class="activity-list">
  <colgroup>
  <col class="name">
  <col class="time">
  <col class="area">
  <col class="range">
  <col class="buyer">
  <col class="summary">
  <col class="mamage">
  </colgroup>
  <thead>
  <tr class="col-name">
  <th>
  活动名称
  </th>
  <th>
  活动时间
  </th>
  <th>
  活动地区
  </th>
  <th>
  商品范围
  </th>
  <th>
  目标客户
  </th>
  <th>
  活动详情
  </th>
  <th>
  活动管理
  </th>
  </tr>
  </thead>
  <tbody style="display: block;" class="activityView">
  <tr>
  <td>
  <p class="activityName">
  21312</p>
  <p class="toolName">
  (会员营销活动)</p>
  </td>
  <td>
  <p class="startTime">
  开始时间：<br>
  2012-08-17 00:00:00</p>
  <p class="endTime">
  结束时间：<br>
  2012-08-31 23:59:59</p>
  </td>
  <td>
  <p class="areas">
  北京*天津*河北省*山西省*内蒙古自治区</p>
  </td>
  <td>
  <p class="participate">
  部分商品不参加</p>
  <p>
  <a class="addRange" href="#">添加商品</a></p>
  <p>
  <a class="editRange" href="#">修改商品</a></p>
  </td>
  <td>
  <p class="customer">
  本店会员</p>
  </td>
  <td>
  <div class="detailsSummary">
  <p>
  普通会员，购买商品数量23件或消费额大于22.00元</p>
  </div>
  </td>
  <td>
  <p>
  <a class="editActivity" href="#">修改</a></p>
  <p>
&nbs