Problem with aligning the grid on center?

I aligned the grid on center of page by using:
<center>
<script>
....
</script>
</center>
But Column headers width and Column Cell width are not equal (Column headers width<Column Cell width). Can anyone help me?
Thanks !!!

.active-controls-grid {text-align: left;}
  According to W3C specification DIV will inherits the text-align property from it’s parent, and that is the main culprit here. Try style text-align: left; - in the grid. It will work perfect.

I think, it should get merged into release also.