title: jqgrid navigation bar not rendering correctly
body: <p>Some of my jqGrids have a strange behavior on the navigation bar.<br/>
  On some of them I use the default Search and Refresh buttons and on there ones the navigation area floats left appearing right next to these buttons (not centered as it should).<br/><br/>
  The biggest problem happens when I add text to the search button "Search". This makes the button margins being wrongly calculated making the hober effect border shorter than the actual button width.
  <br/><br/>
  But like I said, this only happens in some cases and I can't figure out the difference between the ones working correctly and the ones that don't. This is not a browser issue as it happens the same in all browsers.</p>
  
  <p>Heres's a screenshot (notice the search button with focus and the navigation controls position!):
  <img src="https://i.stack.imgur.com/3WXwN.png" alt="Problem Screenshot"><br/><br/>
  Have anyone faced this problem before?<br/>
  This is my configuration os a grid that have this problem:</p>
  
  <pre><code>$('#ProductBrandListGrid').jqGrid({
          url: '&lt;%= ResolveUrl("~/Controls/ProductsControls/Controllers/ProductBrandController.ashx?method=GridDataList") %&gt;',
          datatype: 'json',
          mtype: 'GET',
          colNames: ['Name', 'Description', 'Actions'],
          colModel: [
      { name: 'Name', index: 'Name', width: 100, align: 'left', resizable: true, sortable: true, searchoptions: { sopt: ['cn']} },
      { name: 'Description', index: 'Description', align: 'left', resizable: true, sortable: true, searchoptions: { sopt: ['cn']} },
      { name: 'act', index: 'act', width: 25, sortable: false, search: false },
      ],
          pager: $('#ProductBrandListGridPager'),
          rowNum: 15,
          rowList: [10, 15, 20, 30, 50, 100],
          sortname: 'Name',
          sortorder: 'asc',
          viewrecords: true,
          imgpath: '',
          caption: '',
          width: 200,
          height: 400,
          gridComplete: function () {
              var ids = jQuery("#ProductBrandListGrid").jqGrid('getDataIDs');
              for (var i = 0; i &lt; ids.length; i++) {
                  var cl = ids[i];
  
                  ce2 = "&lt;input type='button' value='details' onclick='ProductBrandItemOpen(\"" + cl + "\")' /&gt;";
  
                  $("#ProductBrandListGrid").setRowData(ids[i], { act: ce2 });
              }
          }
      });
  
      /* Add this line to show search boxes on the header */
      $('#ProductBrandListGrid').jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });
  
      /* Add this line to allow advanced search using the toolbar button */
      $("#ProductBrandListGrid").jqGrid('navGrid', "#ProductBrandListGridPager", { search: true, edit: false, add: false, del: false, searchtext:"Search" });
  </code></pre>
  
  <p>Thanks,
  Alex</p>