IE 10 not showing some text on Table

Some of the texts are not shown on IE10 mode. This occurs on random cells. On page refresh also this occurs again on any other cells randomly. But these texts are shown while selecting IE9 mode on Internet Explorer.

I can see those data on source code. And if I copy and paste on Notepad that table data I can the text  for all the cells.

How to solve this. I need solution for this as soon as possible.

I have used the following code for the above table:

<table cellspacing="0" border="1" style="border-collapse: collapse;" align="center">
    <tr class="gr_hdr">
        <td>
            Meter
        </td>
        <td>
            Field
        </td>
        <td>
            Value
        </td>
    </tr>
    <asp:Repeater ID="DataRepeater" EnableViewState="false" runat="server">
        <ItemTemplate>
        ....................
       </ItemTemplate>
    </asp:Repeater>
</table>

CSS used
--------------
.gr_hdr
{
    background-image: url(../img/grd.gif);
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #660000;
    background-color: #845446;
    height:24px;
    text-align: center;
}