title: How to remove a table border from a jqGrid cell
body: <p>I'm using the jQuery UI library + CSS as well as the jqGrid CSS for an ASP GridView I have.  The problem I'm running into is that if I add a <code>&lt;table&gt;</code> inside my <code>&lt;ItemTemplate&gt;</code> I always get a border around the table.  </p>
  
  <p><a href="http://dl.dropbox.com/u/6032362/Capture.PNG" rel="nofollow">http://dl.dropbox.com/u/6032362/Capture.PNG</a></p>
  
  <p>I've tried everything I can think of to get rid of the border and I can't.  I've tried inline CSS and nothing is working.  I even tried to add the following to the jQuery UI CSS file (my table is called controlTable)</p>
  
  <pre><code>.ui-widget-content table#controlTable { border: 9px solid red; }
  </code></pre>
  
  <p>It works by adding a think red border around the table.  But the cells still have an internal blue line.</p>
  
  <p><a href="http://dl.dropbox.com/u/6032362/Capture2.PNG" rel="nofollow">http://dl.dropbox.com/u/6032362/Capture2.PNG</a></p>
  
  <p>Any ideas what I can do to get rid of it?  </p>
  
  <p>Thank you</p>