jQuery Grid Plugin - jqGrid

Column re-ordering is not working well for me.

When i drag the header the columns are not alligned with the data where they belong. am i missing something

i haveincluded the following js and the css.

        <link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-ui-1.7.2.custom.css" />

        <script src="javascript/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script src="javascript/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
        <script src="javascript/grid.locale-en.js" type="text/javascript"></script>
        <script src="javascript/jquery.jqGrid.min.js" type="text/javascript"></script>

...

    jQuery("#ratematrix").jqGrid({
        sortable: true, 
...