jquery tablesorter CSS arrow icons

Question

This is really more of a CSS question than a jQuery question. I\'m using the tablesorter jQuery plugin to sort tables dynamically.

Here\'s what it looks like curren

Answer 1

Try this:

th.headerSortUp span{
    background: url("arrow-up.gif") right center no-repeat;
    padding-right: 20px;
}

th.headerSortDown span{
    background: url("arrow-up.gif") right center no-repeat;
    padding-right: 20px;
}

And add span to your th

Edit: Changed div to span (see coments below)