title: my omnigrid looks different from the official demo in google chrome
body: <p>this is how official demo looks:
  <img src="https://i.stack.imgur.com/vIqXC.png" alt="alt text"></p>
  
  <p>this is mine:
  <img src="https://i.stack.imgur.com/cAQzy.png" alt="alt text"></p>
  
  <p>the button at top of the grid is not verticaly centered,the paging bar at bottom of my gird also looks ugly.</p>
  
  <p>my code html :</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;title&gt;Insert title here&lt;/title&gt;
  &lt;link rel="stylesheet" media="screen" href="style.css" type="text/css" /&gt;
  &lt;link rel="stylesheet" media="screen" href="omnigrid.css" type="text/css" /&gt;
  &lt;style type="text/css"&gt;
   body{font-size:11px}
  .omnigrid div.fbutton .add {
   background:transparent url(images/add.png) no-repeat scroll left center;
  }
  &lt;/style&gt;
  &lt;script type="text/javascript" src="mootools-1.2.1.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="mootools-1.2-more.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="omnigrid.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="demo.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div style="border:1px solid #cde;padding:25px 25px 25px 25px"&gt;
   &lt;div id="mygrid"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>
  my code javascript :</p>
  
  <pre><code>function onGridSelect(evt) {
   var str = 'row: ' + evt.row + ' indices: ' + evt.indices;
   str += ' id: ' + evt.target.getDataByRow(evt.row).id;
   alert(str);
  }
  
  function gridButtonClick(button, grid) {
   alert(button);
  }
  
  var cmu = [ {
   header : "ID",
   dataIndex : 'help_category_id',
   dataType : 'number'
  }, {
   header : "Parent ID",
   dataIndex : 'parent_category_id',
   dataType : 'number',
   width : 50
  }, {
   header : "Name",
   dataIndex : 'name',
   dataType : 'string',
   width : 200
  } ];
  
  window.addEvent("load", function() {
  
   datagrid = new omniGrid('mygrid', {
    columnModel : cmu,
    buttons : [ {
     name : 'Add',
     bclass : 'add',
     onclick : gridButtonClick
    }, {
     name : 'Delete',
     bclass : 'delete',
     onclick : gridButtonClick
    }, {
     separator : true
    }, {
     name : 'Duplicate',
     bclass : 'duplicate',
     onclick : gridButtonClick
    } ],
    url : "data.jsp?" + Math.random(),
    perPageOptions : [ 10, 20, 50, 100, 200 ],
    perPage : 10,
    page : 1,
    pagination : true,
    serverSort : true,
    showHeader : true,
    alternaterows : true,
    sortHeader : false,
    resizeColumns : true,
    multipleSelection : true,
  
    // uncomment this if you want accordion behavior for every row
    /*
    accordion:true,
    accordionRenderer:accordionFunction,
    autoSectionToggle:false,
     */
  
    width : 600,
    height : 220
   });
  
   datagrid.addEvent('click', onGridSelect);
   $$(".omnigrid .pDiv").each(e,function (){
    e.setStyle('font-size','11px');
   });
  });
  </code></pre>