表格不显示Chrome

我遇到了我所遇到过的最奇怪的问题之一。我有一个被数百人使用的网站，我有一个非常奇怪的问题。我的代码如下(示例和示例):

<div id="DivTHead">
    <!-- THIS doesn't display -->
    <table id="THead">
        <tr align="center">
            <td class="ID">ID</td> 
            <td class="Date_Hour">Date and hour</td> 
            <td class="User">User</td> 
            ........
        </tr>
    </table>    
</div>
<div id="DivTBody">
    <!-- This is working fine -->
    <table id="TBody" border="1">
        <?php
            $SQL = $db -> query("SELECT * FROM rapport where ID = $ID ORDER BY Date_heure "); 
            while($ligne = $SQL -> fetch())
            {
                echo '<tr>';
                echo "<td class='"ID'">".$ligne['ID']."</td>";
                echo "<td class='"Date_Hour'">".date('d/m/Y H:i:s', strtotime($ligne['Date_Hour']))."</td>";
                echo "<td class='"User'">".$ligne['User']."</td>";
                ........
            }
        ?>  
    </table>
</div>

问题是<div id="DivTHead">不显示。如果我检查这个元素，它就会弹出，但屏幕上什么也没有。有点奇怪……并不是每个人都有这个问题。我正面临着这个问题，但我问了很多人，没有一个人面临这个问题。我显然清除了我的缓存和一切，但仍然这个问题。这是我的.css，但它看起来很好:

table, th, td {
   /* border: 1px solid black;*/
    text-align: center;
}
div#DivTBody {
    width: 100%;
    position: relative;
    display: block;
    overflow-y:scroll;
    overflow-x:hidden;
    height: 350px;
}
table#tbody {
    width: 100%;
}
div#DivTHead {
    width: 100%;
}
table#THead{
    border-collapse:collapse;
    border:none;
    width: 98.8%;
}
.ID {
    width: 2%;
    text-align: center;
}
.Date_Hour{
    width: 10%;
    text-align: center;
}
.User{
    width: 15%;
}

它在IE和Mozilla上运行良好。为什么会有这个问题，如何避免它?