jqGrid问题,大家帮忙看看

为什么生成的页面中有一个超大的DIV，把页面覆盖了，页面上还出来一个dialog,"please select row"
大家帮忙看看 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
 <title>My First Grid</title>  
     <style>  
 html, body {  
     margin: 0;  
     padding: 0;  
     font-size: 75%;  
 }  
 </style>  
 <link type="text/css" media="screen" href="themes/redmond/ui.all.css" rel="stylesheet" />
 <link type="text/css" media="screen" href="css/ui.grid.css" rel="stylesheet" />
 <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
 <script type="text/javascript" src="js/i18n/grid.locale-en.js"></script>
 <script type="text/javascript" src="js/jquery.jqGrid.min.js"></script>
 <script type="text/javascript">  
 $(document).ready(function(){      
  $("#grid").jqGrid({       
 // url:'#',
  datatype: 'local',    
  colNames:['id','name','password','age','address','time'],    
  colModel:[    
 {name:'id',index:'id',sorttype:"int"},    
 {name:'name',index:'name', sorttype:"int"},    
 {name:'password',index:'password' },    
 {name:'age',index:'age'},      
 {name:'address',index:'address'},     
 {name:'time',index:'time', sorttype:"date"}      
  ],    
  rowNum:10,  
  rowList:[10,20,30],  
  pager: "#nav",  
  viewrecords: true,
  width:1000,
  caption: "jqGrid test",     
  height: 220    
 });
 
$("#grid").jqGrid("navGrid","#nav"); 
  
 });   
 </script>  
    
 </head>  
 <body>  
 <table id="grid"  ></table>     
 <div id="nav"  ></div>     
      
 </body>  
 </html>