title: TableSorter: How can I change the position of sorting arrows
body: <p>I'm implementing <strong><em>jquery</em></strong>'s <em>tablesorter</em>. I need to change the <em>sorting arrows</em> position with respect to the <em>title</em> of the <em>column</em>.</p>
  
  <p>Here is what I've done so far:</p>
  
  <pre><code>table.tablesorter thead tr .header {
      background-image: url(bg.gif);
      background-repeat: no-repeat;
      background-position: 80% 70%;
      cursor: pointer;
  }
  </code></pre>
  
  <p>This works fine for a <em>column</em> but not for the others where they overlap the <em>title</em> or go far to the right.<br>
  Is there a way to keep the <em>arrows</em> always show very next to the <em>column title</em>?</p>