jQuery Grid Plugin - jqGrid

Hello!

I've got a grid with two columns that use select filter field.

$("#list").jqGrid({

url: '<%= Url.Action("All") %>',

datatype: 'json',

mtype: 'GET',

colNames: ["Status", "Type"],

colModel: [

{ name: 'Status', index: 'Status', align: 'left', stype: "select",

searchoptions: { dataUrl: '<%= Url.Action("InvoiceStatusList") %>', sopt: ['eq', 'ne'] } },

{ name: 'Type', index: 'Type', align: 'left', stype: "select",

searchoptions: { dataUrl: '<%= Url.Action("InvoiceTypeList") %>', sopt: ['eq', 'ne'] } }

],

pager: $('#pager'),

rowNum: 10,

rowList: [5, 10, 20, 50],

sortname: 'Id',

sortorder: "desc",

viewrecords: true,

imgpath: '<%= Url.Content("~/Content/css/cupertino/images") %>',

autowidth: true,

height: 300

});

$("#list").jqGrid('filterToolbar', {});

Te problem is that when the page is shown, both select lists are positioned in the last column so that the first is seen (it occupies 100% of column's width) and the second is not visible (although I can see it in the Inspector). The HTML that I get in this place:

<div style="width:100%;position:relative;height:100%;padding-right:0.3em;"><select id="gs_Type" name="Type" style="width: 100%; "><option value="Created">Created</option>

<option value="Advance">Advance</option>

<option value="Expired">Expired</option>

<option value="Approved">Approved</option>

</select><select id="gs_Type" name="Type" style="width: 100%; "><option value="Transfer">Transfer</option>

<option value="WebMoney">WebMoney</option>

<option value="YandexMoney">YandexMoney</option>

<option value="TestCredits">TestCredits</option>

</select></div>

What's the problem with it?