jQuery Grid Plugin - jqGrid

I've just started to use the grid and I like it very much. Now I have a problem with the "height 100%" that would be perfect for me. When I set this, I get my pager at the very bottom of my page and a big space between  last row and the pager. It looks the same in IE7, FF and Opera. It looks good on the demosite but I can't find what's wrong with mine.

 Any ideas why my divider is too big?

cheers, Jan

$(document).ready(function(){
  $("#list").jqGrid({
    url:'search.php',
    datatype: 'json',
    mtype: 'GET',
    colNames:['Id','Provider','IP','User ID','Created','Updated'],
    colModel :[
      {name:'Id', index:'id', width:55, align:'center'},
      {name:'Provider', index:'isp', width:90, align:'center'},
      {name:'IP', index:'ip', width:60, align:'center'},
      {name:'User ID', index:'user_id', width:90, align:'center'},
      {name:'Created', index:'created_at', width:150, align:'center'},
      {name:'Updated', index:'updated_at', width:150, align:'center'} ],
    pager: $('#pager'),
    loadui:"block",
    rowNum:10,
    rowList:[10,50,100,500,1000],
    sortname: 'id',
    sortorder: "asc",
    viewrecords: true,
    multiselect: true,
    width: "700",
    height: "100%",
    imgpath: 'themes/steel/images',
    caption: 'IP2User DB in {WHERE}',
    editurl:"edit.php"
  }).navGrid('#pager',{search:true,refresh:true,edit:false,add:false,del:true});

});