Below is the HTML written for a sample table(one row) with some CSS, and I'm observing a strange brhavior atleast it is to me, here is that HTML

<table class=cDGrd id=tbleExposure
style="table-layout:fixed; WIDTH: 979px; overflow: scroll;" border=1>

<tr HEIGHT=25>
<td STYLE="WIDTH: 10px; white-space: nowrap;">030001</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">2444</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">-1111111144,783,156.94</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">77,777,975.10</td>
<td STYLE="WIDTH: 150px; white-space: nowrap;">1122,561,132.04</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">133,276,503.70</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">53,403,919.06</td>
<td STYLE="WIDTH: 149px; white-space: nowrap;">186,680,422.76</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">Sell</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">0</td>
<td STYLE="WIDTH: 100px; white-space: nowrap;">Sell Status</td>
</tr>
</table>
this works fine but the strange thing is that for example if I add a '-' sign before this value '1111111144,783,156.94' then contents r wrapped into '-' and '1111111144,783,156.94' and as I've fixed the td hieght to '25px' so I could only see the '-' sign, adding anything other than '-' like + or * or any aphabet or number works as intended.
so can any 1 help me out that what is missing in it?